Adlandırılmış renk · #CBECE6
Spearmint Leaf
Spearmint Leaf, #CBECE6: rgb(203 236 230), hsl(169 46% 86%), oklch(0.918 0.035 183.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Spearmint Leaf color name →
#CBECE6
oklch(0.918 0.035 183.4)
Renk dönüşümleri
- HEX
- #cbece6
- RGB
- rgb(203 236 230)
- HSL
- hsl(169 46% 86%)
- HWB
- hwb(169 80% 7%)
- OKLCH
- oklch(0.918 0.035 183.4)
- OKLab
- oklab(0.918 -0.035 -0.002)
- CIE Lab
- lab(90.88 -12.03 -0.89)
- LCH
- lch(90.88 12.06 184.3)
- CMYK
- cmyk(14% 0% 3% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D0EEE8
- D6F0EB
- DBF2ED
- E0F4F0
- E5F6F2
- EAF7F5
- F0F9F7
- F5FBFA
- FAFDFC
Koyu tonlar
- B0CDC8
- 96AFAB
- 7D928E
- 657673
- 4D5B59
- 374240
- 222928
- 0F1313
- 020303
Gri tonlar
- C3E1DB
- BCD5D1
- B4CAC6
- ADBFBC
- A5B5B2
- 9EAAA7
- 969F9D
- 8F9593
- 878A8A
Renk uyumları
Tamamlayıcı +180°
- CBECE6
Spearmint Leaf
- FADBE1
≈ Tootie Fruity
Analog -30° +30°
- CBECE6
Spearmint Leaf
- D3EBD9
≈ Light Katsura
- CAEBF2
≈ Frosty Day
Üçlü +120° +240°
- CBECE6
Spearmint Leaf
- E8DFF8
≈ Lingering Lilac
- F5DFCC
≈ Petal Dust
Bölünmüş tamamlayıcı +150° +210°
- CBECE6
Spearmint Leaf
- F3DCEE
≈ Divine Dove
- FADCD5
≈ Pink Parfait
Dörtlü +90° +180° +270°
- CBECE6
Spearmint Leaf
- DCE3FC
≈ Stoic White
- FADBE1
≈ Tootie Fruity
- ECE4CA
≈ Hidden Diary
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.25:1 · APCA Lc 13
Ag
AAASiyah üzerinde
WCAG 16.68:1 · APCA Lc 91
En iyi metin rengi: #000000
WCAG 16.68:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
CSS
:root {
--spearmint-leaf: #cbece6;
--spearmint-leaf-rgb: 203 236 230;
--spearmint-leaf-oklch: oklch(0.918 0.035 183.4);
}
.element {
color: var(--spearmint-leaf);
background-color: hsl(169 46% 86%);
border-color: oklch(0.918 0.035 183.4);
}Tailwind CSS v4
@theme {
--color-spearmint-leaf: #cbece6;
--color-spearmint-leaf-50: #ebf9f6;
--color-spearmint-leaf-100: #dcece9;
--color-spearmint-leaf-200: #c4d9d6;
--color-spearmint-leaf-300: #a4beba;
--color-spearmint-leaf-400: #88a6a0;
--color-spearmint-leaf-500: #6c8e88;
--color-spearmint-leaf-600: #5c7873;
--color-spearmint-leaf-700: #49605c;
--color-spearmint-leaf-800: #354743;
--color-spearmint-leaf-900: #24312e;
--color-spearmint-leaf-950: #131d1b;
}SCSS
$spearmint-leaf: #cbece6;
$spearmint-leaf-rgb: 203, 236, 230;
$spearmint-leaf-light: mix(#fff, $spearmint-leaf, 20%);
$spearmint-leaf-dark: mix(#000, $spearmint-leaf, 20%);
.element {
color: $spearmint-leaf;
box-shadow: 0 0 0 2px rgba($spearmint-leaf, 0.35);
}