最も近い色名 · #CFD0A0
#CFD0A0
最も近い色名: Court-Bouillon
#CFD0A0（rgb(207 208 160)、hsl(61 34% 72%)、oklch(0.845 0.064 108.7)）に最も近い色名はCourt-Bouillonです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#CFD0A0
oklch(0.845 0.064 108.7)
カラー変換
- HEX
- #cfd0a0
- RGB
- rgb(207 208 160)
- HSL
- hsl(61 34% 72%)
- HWB
- hwb(61 63% 18%)
- OKLCH
- oklch(0.845 0.064 108.7)
- OKLab
- oklab(0.845 -0.02 0.06)
- CIE Lab
- lab(82.5 -6.11 23.84)
- LCH
- lch(82.5 24.61 104.4)
- CMYK
- cmyk(0% 0% 23% 18%)
ティント · シェード · トーン
ティント
- D4D5AA
- D8D9B3
- DDDEBD
- E2E3C6
- E7E7CF
- EBECD9
- F0F1E2
- F5F6EC
- FAFAF5
シェード
- B4B58B
- 999A76
- 7F8061
- 67674E
- 4F4F3B
- 383929
- 232319
- 101009
- 020201
トーン
- C7C89D
- BFC09A
- B7B797
- AEAF94
- A7A791
- 9F9F8D
- 97978A
- 8F9087
- 888883
カラーハーモニー
補色 +180°
- CFD0A0
Court-Bouillon
- CAC6F4
≈ Soap
類似色 -30° +30°
- CFD0A0
Court-Bouillon
- E3C89E
≈ Biltmore Buff
- B8D7AF
≈ Bleached Spruce
トライアド +120° +240°
- CFD0A0
Court-Bouillon
- A1D5ED
≈ Light Deluxe Days
- EDBCD3
≈ Sweet Taffy
スプリットコンプリメンタリー +150° +210°
- CFD0A0
Court-Bouillon
- B3CEF6
≈ Ice Cold Stare
- DEBFE7
≈ Glittering Gemstone
テトラード +90° +180° +270°
- CFD0A0
Court-Bouillon
- 9AD9DC
≈ Lake Reflection
- CAC6F4
≈ Soap
- F3BCBC
≈ Blush Rush
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.59:1 · APCA Lc 27
Ag
AAA黒の上
WCAG 13.18:1 · APCA Lc 76
最適な文字色: #000000
WCAG 13.18:1 (AAA) · APCA Lc 76
Contrast pairs
コードスニペット
CSS
:root {
--court-bouillon: #cfd0a0;
--court-bouillon-rgb: 207 208 160;
--court-bouillon-oklch: oklch(0.845 0.064 108.7);
}
.element {
color: var(--court-bouillon);
background-color: hsl(61 34% 72%);
border-color: oklch(0.845 0.064 108.7);
}Tailwind CSS v4
@theme {
--color-court-bouillon: #cfd0a0;
--color-court-bouillon-50: #f6f7e3;
--color-court-bouillon-100: #e8ead2;
--color-court-bouillon-200: #d5d7b8;
--color-court-bouillon-300: #b8bb96;
--color-court-bouillon-400: #a1a276;
--color-court-bouillon-500: #898a57;
--color-court-bouillon-600: #74754b;
--color-court-bouillon-700: #5d5d3b;
--color-court-bouillon-800: #45442a;
--color-court-bouillon-900: #302f1c;
--color-court-bouillon-950: #1c1b0c;
}SCSS
$court-bouillon: #cfd0a0;
$court-bouillon-rgb: 207, 208, 160;
$court-bouillon-light: mix(#fff, $court-bouillon, 20%);
$court-bouillon-dark: mix(#000, $court-bouillon, 20%);
.element {
color: $court-bouillon;
box-shadow: 0 0 0 2px rgba($court-bouillon, 0.35);
}