# カーキのカラーコード：#f0e68c

#f0e68c はRGBで rgb(240, 230, 140)、OKLCHで oklch(91.349% 0.11192 102.829) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/colors/khaki

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #f0e68c |
| RGB | rgb(240, 230, 140) |
| HSL | hsl(54, 76.92%, 74.51%) |
| HSB / HSV | hsv(54 41.67% 94.12%) |
| HWB | hwb(54 54.9% 5.88%) |
| CMYK | cmyk(0% 4% 42% 6%) |
| Lab | lab(90.64 -5.6 45) |
| LCH | lch(90.64 45.34 97.09) |
| OKLab | oklab(91.349% -0.02485 0.10913) |
| OKLCH | oklch(91.349% 0.11192 102.829) |
| Display P3 | color(display-p3 0.93437 0.9033 0.59345) |
| Rec. 2020 | color(rec2020 0.90532 0.88982 0.5579) |
| Adobe RGB | color(a98-rgb 0.92805 0.89903 0.56421) |
| ProPhoto RGB | color(prophoto-rgb 0.85816 0.87372 0.54447) |
| 線形sRGB | color(srgb-linear 0.87137 0.7913 0.26225) |
| XYZ D65 | color(xyz-d65 0.68963 0.77013 0.36044) |
| XYZ D50 | color(xyz-d50 0.72227 0.77704 0.27623) |
| SwiftUI | Color(red: 0.941, green: 0.902, blue: 0.549) |
| UIKit | UIColor(red: 0.941, green: 0.902, blue: 0.549, alpha: 1) |
| Flutter / Compose | Color(0xFFF0E68C) |
| Android XML | #F0E68C |

## 基本情報

- 最も近い色名: カーキ
- 色相の系統: 黄色, パステル調の ごく明るい黄色
- 最も近いTailwindクラス: amber-200
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 1.28:1
- 黒とのコントラスト: 16.4:1

## ティント

#f0e68c, #f1e999, #f3eba5, #f4eeb1, #f6f1bd, #f7f3c8, #f9f6d3, #faf8de, #fcfae9, #fdfdf4

## シェード

#f0e68c, #d1c879, #b2ab67, #958e55, #787343, #5d5933, #434023, #2a2814, #141307, #030301

## トーン

#f0e68c, #efe696, #ede6a0, #ece5a9, #eae5b1, #e9e5ba, #e7e4c2, #e6e4cb, #e5e3d3, #e3e3da

## カラーハーモニー

- 補色: #f0e68c, #dbdeff
- 分裂補色: #f0e68c, #c5e6ff, #f7d2ff
- 類似色: #f0e68c, #ffd895, #c6f3a5
- トライアド: #f0e68c, #a0f0ff, #ffccf2
- テトラード: #f0e68c, #9afacd, #dbdeff, #ffccf2
- スクエア: #f0e68c, #7efaf7, #dbdeff, #ffd1d6
- モノクロマティック: #f0e68c, #a3993f, #c9bf65, #fff99e, #fff99e

## カーキについてのよくある質問

### カーキのカラーコードは？

カーキのカラーコードは #f0e68c です。RGBでは rgb(240, 230, 140)、HSLでは hsl(54, 76.92%, 74.51%)、OKLCHでは oklch(91.349% 0.11192 102.829) です。

### カーキに合う色は？

補色は #dbdeff です。落ち着いた印象にするなら、類似色の #ffd895 と #c6f3a5 と組み合わせましょう。カーキを使ったパレットはこのページで紹介しています。

### カーキは暖色と寒色のどちらですか？

カーキはニュートラルの色で、OKLCHの色相は103度です。

### カーキの上で読みやすい文字色は？

カーキの上では黒の文字のほうが読みやすくなります。白はコントラスト比 1.28:1、黒は 16.4:1 です。WCAG AAでは本文に4.5:1以上が求められます。