En yakın adlandırılmış renk · #96CBC8
#96CBC8
En yakın adlandırılmış renk: Pastel Turquoise
#96CBC8 (rgb(150 203 200), hsl(177 34% 69%), oklch(0.804 0.055 191.7)) en çok Pastel Turquoise 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.
#96CBC8
oklch(0.804 0.055 191.7)
Renk dönüşümleri
- HEX
- #96cbc8
- RGB
- rgb(150 203 200)
- HSL
- hsl(177 34% 69%)
- HWB
- hwb(177 59% 20%)
- OKLCH
- oklch(0.804 0.055 191.7)
- OKLab
- oklab(0.804 -0.054 -0.011)
- CIE Lab
- lab(77.93 -18.32 -4.38)
- LCH
- lch(77.93 18.83 193.5)
- CMYK
- cmyk(26% 0% 1% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A1D0CD
- ABD5D3
- B6DBD8
- C1E0DE
- CBE5E3
- D5EAE9
- E0EFEE
- EAF5F4
- F5FAF9
Koyu tonlar
- 82B0AE
- 6E9694
- 5B7D7B
- 496563
- 374D4C
- 263736
- 162221
- 080F0F
- 010202
Gri tonlar
- 94C3C1
- 92BCB9
- 90B4B2
- 8EACAB
- 8CA5A3
- 8A9D9C
- 889695
- 858F8E
- 838787
Renk uyumları
Tamamlayıcı +180°
- 96CBC8
Pastel Turquoise
- E0B1B6
≈ Sakura
Analog -30° +30°
- 96CBC8
Pastel Turquoise
- A0CBB4
≈ Calculus
- 98C8D9
≈ Bobby Blue
Üçlü +120° +240°
- 96CBC8
Pastel Turquoise
- CBB6DA
≈ Elfin Herb
- D6BA99
≈ Terracotta Sand
Bölünmüş tamamlayıcı +150° +210°
- 96CBC8
Pastel Turquoise
- D9B2C9
≈ Private-Label Pink
- DFB4A4
≈ Prosciutto
Dörtlü +90° +180° +270°
- 96CBC8
Pastel Turquoise
- B9BCE3
≈ Pretty Posie
- E0B1B6
≈ Sakura
- C6C198
≈ Parlour Sage
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.79:1 · APCA Lc 33
Ag
AAASiyah üzerinde
WCAG 11.67:1 · APCA Lc 69
En iyi metin rengi: #000000
WCAG 11.67:1 (AAA) · APCA Lc 69
Contrast pairs
Kod parçacıkları
CSS
:root {
--pastel-turquoise: #96cbc8;
--pastel-turquoise-rgb: 150 203 200;
--pastel-turquoise-oklch: oklch(0.804 0.055 191.7);
}
.element {
color: var(--pastel-turquoise);
background-color: hsl(177 34% 69%);
border-color: oklch(0.804 0.055 191.7);
}Tailwind CSS v4
@theme {
--color-pastel-turquoise: #96cbc8;
--color-pastel-turquoise-50: #e4fafa;
--color-pastel-turquoise-100: #d4eeed;
--color-pastel-turquoise-200: #badcdb;
--color-pastel-turquoise-300: #97c1bf;
--color-pastel-turquoise-400: #78a9a7;
--color-pastel-turquoise-500: #59928f;
--color-pastel-turquoise-600: #4c7c79;
--color-pastel-turquoise-700: #3c6361;
--color-pastel-turquoise-800: #2b4946;
--color-pastel-turquoise-900: #1d3231;
--color-pastel-turquoise-950: #0d1e1d;
}SCSS
$pastel-turquoise: #96cbc8;
$pastel-turquoise-rgb: 150, 203, 200;
$pastel-turquoise-light: mix(#fff, $pastel-turquoise, 20%);
$pastel-turquoise-dark: mix(#000, $pastel-turquoise, 20%);
.element {
color: $pastel-turquoise;
box-shadow: 0 0 0 2px rgba($pastel-turquoise, 0.35);
}