En yakın adlandırılmış renk · #9BCECD
#9BCECD
En yakın adlandırılmış renk: Pastel Turquoise
#9BCECD (rgb(155 206 205), hsl(179 34% 71%), oklch(0.816 0.053 194.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.
#9BCECD
oklch(0.816 0.053 194.7)
Renk dönüşümleri
- HEX
- #9bcecd
- RGB
- rgb(155 206 205)
- HSL
- hsl(179 34% 71%)
- HWB
- hwb(179 61% 19%)
- OKLCH
- oklch(0.816 0.053 194.7)
- OKLab
- oklab(0.816 -0.051 -0.013)
- CIE Lab
- lab(79.18 -17.33 -5.19)
- LCH
- lch(79.18 18.09 196.7)
- CMYK
- cmyk(25% 0% 0% 19%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A5D3D2
- AFD8D7
- B9DDDC
- C3E2E1
- CDE6E6
- D7EBEB
- E1F0F0
- EBF5F5
- F5FAFA
Koyu tonlar
- 86B3B2
- 729898
- 5E7F7E
- 4B6666
- 394E4E
- 283838
- 182323
- 090F0F
- 010202
Gri tonlar
- 99C6C5
- 96BEBD
- 94B6B5
- 91AEAD
- 8FA6A6
- 8C9F9E
- 899796
- 868F8F
- 838887
Renk uyumları
Tamamlayıcı +180°
- 9BCECD
Pastel Turquoise
- E3B5B8
≈ Heart’s Content
Analog -30° +30°
- 9BCECD
Pastel Turquoise
- A4CEBA
≈ Bird’s Egg Green
- 9ECBDD
≈ Intercoastal
Üçlü +120° +240°
- 9BCECD
Pastel Turquoise
- D0B9DB
≈ Pussyfoot
- D7BE9D
≈ Hazelnut Parfait
Bölünmüş tamamlayıcı +150° +210°
- 9BCECD
Pastel Turquoise
- DDB6CB
≈ Blissfully Mine
- E1B9A7
≈ Fall Leaf
Dörtlü +90° +180° +270°
- 9BCECD
Pastel Turquoise
- BEBFE4
≈ Pretty Posie
- E3B5B8
≈ Heart’s Content
- C7C59E
≈ Archisa
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.73:1 · APCA Lc 31
Ag
AAASiyah üzerinde
WCAG 12.10:1 · APCA Lc 71
En iyi metin rengi: #000000
WCAG 12.10:1 (AAA) · APCA Lc 71
Contrast pairs
Kod parçacıkları
CSS
:root {
--pastel-turquoise: #9bcecd;
--pastel-turquoise-rgb: 155 206 205;
--pastel-turquoise-oklch: oklch(0.816 0.053 194.7);
}
.element {
color: var(--pastel-turquoise);
background-color: hsl(179 34% 71%);
border-color: oklch(0.816 0.053 194.7);
}Tailwind CSS v4
@theme {
--color-pastel-turquoise: #9bcecd;
--color-pastel-turquoise-50: #e5fafa;
--color-pastel-turquoise-100: #d5eeee;
--color-pastel-turquoise-200: #bbdcdc;
--color-pastel-turquoise-300: #98c0c0;
--color-pastel-turquoise-400: #7aa9a8;
--color-pastel-turquoise-500: #5a9191;
--color-pastel-turquoise-600: #4d7b7a;
--color-pastel-turquoise-700: #3d6362;
--color-pastel-turquoise-800: #2c4847;
--color-pastel-turquoise-900: #1e3231;
--color-pastel-turquoise-950: #0d1e1d;
}SCSS
$pastel-turquoise: #9bcecd;
$pastel-turquoise-rgb: 155, 206, 205;
$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);
}