Nächste benannte Farbe · #D6CF99
#D6CF99
Nächste benannte Farbe: Court-Bouillon
#D6CF99 (rgb(214 207 153), hsl(53 43% 72%), oklch(0.847 0.071 101.6)) liegt am nächsten an der benannten Farbe Court-Bouillon. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#D6CF99
oklch(0.847 0.071 101.6)
Farbumrechnungen
- HEX
- #d6cf99
- RGB
- rgb(214 207 153)
- HSL
- hsl(53 43% 72%)
- HWB
- hwb(53 60% 16%)
- OKLCH
- oklch(0.847 0.071 101.6)
- OKLab
- oklab(0.847 -0.014 0.07)
- CIE Lab
- lab(82.71 -3.64 27.86)
- LCH
- lch(82.71 28.1 97.4)
- CMYK
- cmyk(0% 3% 29% 16%)
Tints · Shades · Tones
Tints
- DAD4A3
- DED9AE
- E2DDB8
- E6E2C2
- EAE7CC
- EEECD6
- F2F1E1
- F7F5EB
- FBFAF5
Shades
- BAB484
- 9E9970
- 847F5D
- 6A674A
- 524F38
- 3B3827
- 252317
- 101008
- 020201
Tones
- CDC797
- C4BF95
- BBB792
- B3AF90
- AAA78D
- A19F8B
- 999788
- 908F86
- 888883
Farbharmonien
Komplementär +180°
- D6CF99
Court-Bouillon
- C4C8FB
≈ Light Periwinkle
Analog -30° +30°
- D6CF99
Court-Bouillon
- EBC69A
≈ Golden City Moon
- BCD7A7
≈ Apple Cream
Triadisch +120° +240°
- D6CF99
Court-Bouillon
- 98D8EE
≈ Jodhpur Blue
- EEBBDA
≈ Rosecco
Geteilt komplementär +150° +210°
- D6CF99
Court-Bouillon
- ABD1FB
≈ Ice Cold Stare
- DCC0EF
≈ Beefy Pink
Tetradisch +90° +180° +270°
- D6CF99
Court-Bouillon
- 95DCD8
≈ Limpet Shell
- C4C8FB
≈ Light Periwinkle
- F7BAC1
≈ Petals Unfolding
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.58:1 · APCA Lc 27
Ag
AAAAuf Schwarz
WCAG 13.24:1 · APCA Lc 76
Beste Textfarbe: #000000
WCAG 13.24:1 (AAA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--court-bouillon: #d6cf99;
--court-bouillon-rgb: 214 207 153;
--court-bouillon-oklch: oklch(0.847 0.071 101.6);
}
.element {
color: var(--court-bouillon);
background-color: hsl(53 43% 72%);
border-color: oklch(0.847 0.071 101.6);
}Tailwind CSS v4
@theme {
--color-court-bouillon: #d6cf99;
--color-court-bouillon-50: #f8f7df;
--color-court-bouillon-100: #ece9cf;
--color-court-bouillon-200: #d9d6b4;
--color-court-bouillon-300: #bdba90;
--color-court-bouillon-400: #a7a06f;
--color-court-bouillon-500: #90884e;
--color-court-bouillon-600: #7a7343;
--color-court-bouillon-700: #615c35;
--color-court-bouillon-800: #484325;
--color-court-bouillon-900: #322e19;
--color-court-bouillon-950: #1e1b09;
}SCSS
$court-bouillon: #d6cf99;
$court-bouillon-rgb: 214, 207, 153;
$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);
}