Nächste benannte Farbe · #CBCEB7
#CBCEB7
Nächste benannte Farbe: Medlar
#CBCEB7 (rgb(203 206 183), hsl(68 19% 76%), oklch(0.843 0.031 113.1)) liegt am nächsten an der benannten Farbe Medlar. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#CBCEB7
oklch(0.843 0.031 113.1)
Farbumrechnungen
- HEX
- #cbceb7
- RGB
- rgb(203 206 183)
- HSL
- hsl(68 19% 76%)
- HWB
- hwb(68 72% 19%)
- OKLCH
- oklch(0.843 0.031 113.1)
- OKLab
- oklab(0.843 -0.012 0.029)
- CIE Lab
- lab(82.06 -4.05 11.12)
- LCH
- lch(82.06 11.84 110)
- CMYK
- cmyk(1% 0% 11% 19%)
Tints · Shades · Tones
Tints
- D0D3BE
- D5D8C5
- DADDCC
- E0E1D3
- E5E6DB
- EAEBE2
- EFF0E9
- F4F5F0
- FAFAF8
Shades
- B0B39F
- 969887
- 7D7F70
- 65665A
- 4D4E45
- 373831
- 22231E
- 0F0F0C
- 020202
Tones
- C3C6B1
- BBBEAC
- B4B6A6
- ACAEA1
- A5A69B
- 9D9E96
- 969790
- 8E8F8B
- 878785
Farbharmonien
Komplementär +180°
- CBCEB7
Medlar
- CCC8DF
≈ Gregorio Garden
Analog -30° +30°
- CBCEB7
Medlar
- D5CAB5
≈ Unmarked Trail
- C0D1BF
≈ Budding Green
Triadisch +120° +240°
- CBCEB7
Medlar
- B8CFDD
≈ Wondrous Blue
- DDC3CD
≈ Baby Tone
Geteilt komplementär +150° +210°
- CBCEB7
Medlar
- C1CCE1
≈ Periwinkle Powder
- D6C5D8
≈ Tender Touch
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.60:1 · APCA Lc 27
Ag
AAAAuf Schwarz
WCAG 13.05:1 · APCA Lc 76
Beste Textfarbe: #000000
WCAG 13.05:1 (AAA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--medlar: #cbceb7;
--medlar-rgb: 203 206 183;
--medlar-oklch: oklch(0.843 0.031 113.1);
}
.element {
color: var(--medlar);
background-color: hsl(68 19% 76%);
border-color: oklch(0.843 0.031 113.1);
}Tailwind CSS v4
@theme {
--color-medlar: #cbceb7;
--color-medlar-50: #f4f6ec;
--color-medlar-100: #e7e9de;
--color-medlar-200: #d3d6c7;
--color-medlar-300: #b6baa8;
--color-medlar-400: #9ea18c;
--color-medlar-500: #868971;
--color-medlar-600: #717460;
--color-medlar-700: #5b5d4d;
--color-medlar-800: #434437;
--color-medlar-900: #2e2f26;
--color-medlar-950: #1b1b14;
}SCSS
$medlar: #cbceb7;
$medlar-rgb: 203, 206, 183;
$medlar-light: mix(#fff, $medlar, 20%);
$medlar-dark: mix(#000, $medlar, 20%);
.element {
color: $medlar;
box-shadow: 0 0 0 2px rgba($medlar, 0.35);
}