En yakın adlandırılmış renk · #CAD0B4
#CAD0B4
En yakın adlandırılmış renk: Bitter Melon
#CAD0B4 (rgb(202 208 180), hsl(73 23% 76%), oklch(0.845 0.038 117.1)) en çok Bitter Melon adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#CAD0B4
oklch(0.845 0.038 117.1)
Renk dönüşümleri
- HEX
- #cad0b4
- RGB
- rgb(202 208 180)
- HSL
- hsl(73 23% 76%)
- HWB
- hwb(73 71% 18%)
- OKLCH
- oklch(0.845 0.038 117.1)
- OKLab
- oklab(0.845 -0.017 0.034)
- CIE Lab
- lab(82.45 -5.75 13.23)
- LCH
- lch(82.45 14.42 113.5)
- CMYK
- cmyk(3% 0% 13% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CFD5BB
- D4D9C3
- DADECA
- DFE3D2
- E4E7D9
- E9ECE1
- EFF1E8
- F4F6F0
- FAFAF7
Koyu tonlar
- AFB59C
- 959A85
- 7C806E
- 646758
- 4D4F44
- 373930
- 22231D
- 0F100C
- 020202
Gri tonlar
- C2C8AF
- BBBFA9
- B3B7A4
- ACAF9F
- A4A79A
- 9D9F95
- 96978F
- 8E8F8A
- 878885
Renk uyumları
Tamamlayıcı +180°
- CAD0B4
Bitter Melon
- CEC8E3
≈ Italian Fitch
Analog -30° +30°
- CAD0B4
Bitter Melon
- D7CBB0
≈ Wood Ash
- BDD4BE
≈ Surf
Üçlü +120° +240°
- CAD0B4
Bitter Melon
- B6D1E3
≈ Delicate Ice
- E2C2CC
≈ In the Slip
Bölünmüş tamamlayıcı +150° +210°
- CAD0B4
Bitter Melon
- C1CCE6
≈ Periwinkle Grey
- DAC4DA
≈ Simply Lavender
Dörtlü +90° +180° +270°
- CAD0B4
Bitter Melon
- B0D4D9
≈ Light Imagine
- CEC8E3
≈ Italian Fitch
- E5C3BF
≈ Rose Coloured Glasses
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.59:1 · APCA Lc 27
Ag
AAASiyah üzerinde
WCAG 13.19:1 · APCA Lc 76
En iyi metin rengi: #000000
WCAG 13.19:1 (AAA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--bitter-melon: #cad0b4;
--bitter-melon-rgb: 202 208 180;
--bitter-melon-oklch: oklch(0.845 0.038 117.1);
}
.element {
color: var(--bitter-melon);
background-color: hsl(73 23% 76%);
border-color: oklch(0.845 0.038 117.1);
}Tailwind CSS v4
@theme {
--color-bitter-melon: #cad0b4;
--color-bitter-melon-50: #f4f7eb;
--color-bitter-melon-100: #e6eadc;
--color-bitter-melon-200: #d2d7c5;
--color-bitter-melon-300: #b5bba5;
--color-bitter-melon-400: #9ca288;
--color-bitter-melon-500: #848a6d;
--color-bitter-melon-600: #70755d;
--color-bitter-melon-700: #595d4a;
--color-bitter-melon-800: #424435;
--color-bitter-melon-900: #2d2f24;
--color-bitter-melon-950: #1a1c13;
}SCSS
$bitter-melon: #cad0b4;
$bitter-melon-rgb: 202, 208, 180;
$bitter-melon-light: mix(#fff, $bitter-melon, 20%);
$bitter-melon-dark: mix(#000, $bitter-melon, 20%);
.element {
color: $bitter-melon;
box-shadow: 0 0 0 2px rgba($bitter-melon, 0.35);
}