# カラーコード #4ccfb0：鮮やかな 明るいティール

#4ccfb0 はRGBで rgb(76, 207, 176)、OKLCHで oklch(77.445% 0.12301 174.261) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/4ccfb0

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #4ccfb0 |
| RGB | rgb(76, 207, 176) |
| HSL | hsl(165.8, 57.71%, 55.49%) |
| HSB / HSV | hsv(165.8 63.29% 81.18%) |
| HWB | hwb(165.8 29.8% 18.82%) |
| CMYK | cmyk(63% 0% 15% 19%) |
| Lab | lab(75.43 -42.98 4.34) |
| LCH | lch(75.43 43.2 174.24) |
| OKLab | oklab(77.445% -0.12239 0.0123) |
| OKLCH | oklch(77.445% 0.12301 174.261) |
| Display P3 | color(display-p3 0.44947 0.80107 0.69558) |
| Rec. 2020 | color(rec2020 0.51016 0.76347 0.66427) |
| Adobe RGB | color(a98-rgb 0.51202 0.80697 0.68985) |
| ProPhoto RGB | color(prophoto-rgb 0.51728 0.72773 0.64201) |
| 線形sRGB | color(srgb-linear 0.07227 0.62396 0.43415) |
| XYZ D65 | color(xyz-d65 0.33128 0.49295 0.48845) |
| XYZ D50 | color(xyz-d50 0.33395 0.48971 0.37161) |
| SwiftUI | Color(red: 0.298, green: 0.812, blue: 0.69) |
| UIKit | UIColor(red: 0.298, green: 0.812, blue: 0.69, alpha: 1) |
| Flutter / Compose | Color(0xFF4CCFB0) |
| Android XML | #4CCFB0 |

## 基本情報

- 最も近い色名: 鮮やかな 明るいティール
- 色相の系統: ティール, 鮮やかな 明るいティール
- 最も近いTailwindクラス: teal-400
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 1.93:1
- 黒とのコントラスト: 10.86:1

## ティント

#4ccfb0, #65d4b8, #7ad9bf, #8ddec7, #9fe3cf, #b0e8d7, #c0eddf, #d0f1e7, #e0f6ef, #f0faf7

## シェード

#4ccfb0, #41b499, #369982, #2c7f6c, #226756, #184f42, #0f382e, #06231c, #02100b, #000201

## トーン

#4ccfb0, #5dcdb1, #6bcab1, #77c8b2, #82c5b2, #8cc3b3, #96c0b3, #9ebeb4, #a6bbb4, #aeb8b5

## カラーハーモニー

- 補色: #4ccfb0, #f394bb
- 分裂補色: #4ccfb0, #dd9ae2, #fa958f
- 類似色: #4ccfb0, #83ca83, #30ccda
- トライアド: #4ccfb0, #baa6fc, #f29f66
- テトラード: #4ccfb0, #5ac2f8, #f394bb, #f29f66
- スクエア: #4ccfb0, #8eb4ff, #f394bb, #daaf50
- モノクロマティック: #4ccfb0, #008368, #08a88b, #78f7d6, #c0fff1

## #4ccfb0 についてのよくある質問

### #4ccfb0 は何色ですか？

#4ccfb0 は鮮やかな 明るいティールです。最も近い名前のある色は鮮やかな 明るいティールです。RGBでは rgb(76, 207, 176)、HSLでは hsl(165.8, 57.71%, 55.49%)、OKLCHでは oklch(77.445% 0.12301 174.261) です。

### #4ccfb0 に合う色は？

#4ccfb0 の補色は #f394bb です。落ち着いた組み合わせにするなら、類似色の #83ca83 と #30ccda を使いましょう。トライアドの組み合わせは #baa6fc と #f29f66 です。

### #4ccfb0 の上では白と黒のどちらの文字が読みやすいですか？

#4ccfb0 の上では黒の文字のほうが読みやすくなります。白はコントラスト比 1.93:1、黒は 10.86:1 です。WCAG AAでは本文に4.5:1以上が求められます。

### #4ccfb0 は暖色と寒色のどちらですか？

#4ccfb0 は寒色系の色です。OKLCHでは色相 174度、明度 77.4%、クロマ 0.123 です。