En yakın adlandırılmış renk · #C0E9CF
#C0E9CF
En yakın adlandırılmış renk: Delta Mint
#C0E9CF (rgb(192 233 207), hsl(142 48% 83%), oklch(0.898 0.055 157.3)) en çok Delta Mint 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.
#C0E9CF
oklch(0.898 0.055 157.3)
Renk dönüşümleri
- HEX
- #c0e9cf
- RGB
- rgb(192 233 207)
- HSL
- hsl(142 48% 83%)
- HWB
- hwb(142 75% 9%)
- OKLCH
- oklch(0.898 0.055 157.3)
- OKLab
- oklab(0.898 -0.051 0.021)
- CIE Lab
- lab(88.89 -17.56 8.06)
- LCH
- lch(88.89 19.32 155.4)
- CMYK
- cmyk(18% 0% 11% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C6EBD4
- CDEDD9
- D3F0DD
- D9F2E2
- E0F4E7
- E6F6EC
- ECF9F0
- F3FBF5
- F9FDFA
Koyu tonlar
- A7CBB4
- 8EAD99
- 76907F
- 5F7467
- 495A4F
- 344138
- 202923
- 0E1310
- 020302
Gri tonlar
- BADEC7
- B3D3BF
- ADC8B7
- A6BEAF
- A0B3A7
- 9AA99F
- 939E97
- 8D948F
- 868A88
Renk uyumları
Tamamlayıcı +180°
- C0E9CF
Delta Mint
- F6D0EB
≈ Little Smile
Analog -30° +30°
- C0E9CF
Delta Mint
- D3E5BE
≈ Celery Root
- B4EAE3
≈ Tahitian Breeze
Üçlü +120° +240°
- C0E9CF
Delta Mint
- D4DBFF
≈ Icy Plains
- FFD1C4
≈ Salmon Mousse
Bölünmüş tamamlayıcı +150° +210°
- C0E9CF
Delta Mint
- E7D4FB
≈ Mousse aux Pruneaux
- FFCFD7
≈ Love Fumes
Dörtlü +90° +180° +270°
- C0E9CF
Delta Mint
- C2E1FF
≈ Dithered Sky
- F6D0EB
≈ Little Smile
- F7D7B7
≈ Porcelain Peach
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.32:1 · APCA Lc 16
Ag
AAASiyah üzerinde
WCAG 15.79:1 · APCA Lc 87
En iyi metin rengi: #000000
WCAG 15.79:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--delta-mint: #c0e9cf;
--delta-mint-rgb: 192 233 207;
--delta-mint-oklch: oklch(0.898 0.055 157.3);
}
.element {
color: var(--delta-mint);
background-color: hsl(142 48% 83%);
border-color: oklch(0.898 0.055 157.3);
}Tailwind CSS v4
@theme {
--color-delta-mint: #c0e9cf;
--color-delta-mint-50: #e9faef;
--color-delta-mint-100: #d9eee1;
--color-delta-mint-200: #c1dccc;
--color-delta-mint-300: #a0c1ad;
--color-delta-mint-400: #84a992;
--color-delta-mint-500: #679278;
--color-delta-mint-600: #587b65;
--color-delta-mint-700: #466351;
--color-delta-mint-800: #33483a;
--color-delta-mint-900: #233228;
--color-delta-mint-950: #121e16;
}SCSS
$delta-mint: #c0e9cf;
$delta-mint-rgb: 192, 233, 207;
$delta-mint-light: mix(#fff, $delta-mint, 20%);
$delta-mint-dark: mix(#000, $delta-mint, 20%);
.element {
color: $delta-mint;
box-shadow: 0 0 0 2px rgba($delta-mint, 0.35);
}