最も近い色名 · #CBD09A
#CBD09A
最も近い色名: Court-Bouillon
#CBD09A（rgb(203 208 154)、hsl(66 36% 71%)、oklch(0.84 0.072 112.2)）に最も近い色名はCourt-Bouillonです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#CBD09A
oklch(0.84 0.072 112.2)
カラー変換
- HEX
- #cbd09a
- RGB
- rgb(203 208 154)
- HSL
- hsl(66 36% 71%)
- HWB
- hwb(66 60% 18%)
- OKLCH
- oklch(0.84 0.072 112.2)
- OKLab
- oklab(0.84 -0.027 0.066)
- CIE Lab
- lab(82.09 -8.25 26.32)
- LCH
- lch(82.09 27.59 107.4)
- CMYK
- cmyk(2% 0% 26% 18%)
ティント · シェード · トーン
ティント
- D0D5A4
- D5D9AE
- DADEB8
- DFE3C3
- E5E8CD
- EAECD7
- EFF1E1
- F4F6EB
- FAFAF5
シェード
- B0B585
- 969A71
- 7D805E
- 65674B
- 4D4F39
- 373927
- 222317
- 0F1009
- 020201
トーン
- C3C898
- BBC095
- B4B793
- ACAF90
- A5A78E
- 9D9F8B
- 969789
- 8E9086
- 878883
カラーハーモニー
補色 +180°
- CBD09A
Court-Bouillon
- CBC3F6
≈ Light Periwinkle
類似色 -30° +30°
- CBD09A
Court-Bouillon
- E2C795
≈ Chamomile
- B1D7AC
≈ Flower Stem
トライアド +120° +240°
- CBD09A
Court-Bouillon
- 9BD4F2
≈ Juzcar Blue
- F1B8CF
≈ Berries N’ Cream
スプリットコンプリメンタリー +150° +210°
- CBD09A
Court-Bouillon
- B2CBFA
≈ Night Snow
- E1BCE7
≈ Beefy Pink
テトラード +90° +180° +270°
- CBD09A
Court-Bouillon
- 92D9DF
≈ Exotic Escape
- CBC3F6
≈ Light Periwinkle
- F6B9B6
≈ Peach Whisper
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.61:1 · APCA Lc 27
Ag
AAA黒の上
WCAG 13.02:1 · APCA Lc 75
最適な文字色: #000000
WCAG 13.02:1 (AAA) · APCA Lc 75
Contrast pairs
コードスニペット
CSS
:root {
--court-bouillon: #cbd09a;
--court-bouillon-rgb: 203 208 154;
--court-bouillon-oklch: oklch(0.84 0.072 112.2);
}
.element {
color: var(--court-bouillon);
background-color: hsl(66 36% 71%);
border-color: oklch(0.84 0.072 112.2);
}Tailwind CSS v4
@theme {
--color-court-bouillon: #cbd09a;
--color-court-bouillon-50: #f4f8e1;
--color-court-bouillon-100: #e7ebd0;
--color-court-bouillon-200: #d3d8b6;
--color-court-bouillon-300: #b6bc92;
--color-court-bouillon-400: #9fa372;
--color-court-bouillon-500: #878b52;
--color-court-bouillon-600: #727646;
--color-court-bouillon-700: #5b5e38;
--color-court-bouillon-800: #444527;
--color-court-bouillon-900: #2f2f1a;
--color-court-bouillon-950: #1b1c0a;
}SCSS
$court-bouillon: #cbd09a;
$court-bouillon-rgb: 203, 208, 154;
$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);
}