En yakın adlandırılmış renk · #90C6C1
#90C6C1
En yakın adlandırılmış renk: Pastel Turquoise
#90C6C1 (rgb(144 198 193), hsl(174 32% 67%), oklch(0.788 0.057 188.9)) 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.
#90C6C1
oklch(0.788 0.057 188.9)
Renk dönüşümleri
- HEX
- #90c6c1
- RGB
- rgb(144 198 193)
- HSL
- hsl(174 32% 67%)
- HWB
- hwb(174 56% 22%)
- OKLCH
- oklch(0.788 0.057 188.9)
- OKLab
- oklab(0.788 -0.056 -0.009)
- CIE Lab
- lab(76.02 -19.02 -3.47)
- LCH
- lch(76.02 19.33 190.3)
- CMYK
- cmyk(27% 0% 3% 22%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9BCCC7
- A7D1CD
- B2D7D3
- BDDDD9
- C8E2E0
- D3E8E6
- DEEEEC
- E9F4F2
- F4F9F9
Koyu tonlar
- 7DACA7
- 6A928F
- 577A77
- 45625F
- 344B49
- 243534
- 152120
- 070E0E
- 010202
Gri tonlar
- 8FBFBA
- 8EB8B4
- 8CB1AD
- 8BAAA6
- 89A2A0
- 889C99
- 869593
- 848E8D
- 828786
Renk uyumları
Tamamlayıcı +180°
- 90C6C1
Pastel Turquoise
- DBABB2
≈ Pale Chestnut
Analog -30° +30°
- 90C6C1
Pastel Turquoise
- 9CC5AD
≈ Mini Green
- 91C3D3
≈ Eastern Sky
Üçlü +120° +240°
- 90C6C1
Pastel Turquoise
- C4B0D6
≈ Moonraker
- D2B493
≈ Baker’s Bread
Bölünmüş tamamlayıcı +150° +210°
- 90C6C1
Pastel Turquoise
- D3ACC6
≈ Heart to Heart
- DBAE9F
≈ Angel Breath
Dörtlü +90° +180° +270°
- 90C6C1
Pastel Turquoise
- B1B7DE
≈ Wild Orchid Blue
- DBABB2
≈ Pale Chestnut
- C3BB91
≈ Candidate
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.90:1 · APCA Lc 36
Ag
AAASiyah üzerinde
WCAG 11.03:1 · APCA Lc 66
En iyi metin rengi: #000000
WCAG 11.03:1 (AAA) · APCA Lc 66
Contrast pairs
Kod parçacıkları
CSS
:root {
--pastel-turquoise: #90c6c1;
--pastel-turquoise-rgb: 144 198 193;
--pastel-turquoise-oklch: oklch(0.788 0.057 188.9);
}
.element {
color: var(--pastel-turquoise);
background-color: hsl(174 32% 67%);
border-color: oklch(0.788 0.057 188.9);
}Tailwind CSS v4
@theme {
--color-pastel-turquoise: #90c6c1;
--color-pastel-turquoise-50: #e4fbf9;
--color-pastel-turquoise-100: #d4eeec;
--color-pastel-turquoise-200: #badcda;
--color-pastel-turquoise-300: #97c1be;
--color-pastel-turquoise-400: #77aaa5;
--color-pastel-turquoise-500: #58938e;
--color-pastel-turquoise-600: #4b7c78;
--color-pastel-turquoise-700: #3c6360;
--color-pastel-turquoise-800: #2b4946;
--color-pastel-turquoise-900: #1d3330;
--color-pastel-turquoise-950: #0c1e1c;
}SCSS
$pastel-turquoise: #90c6c1;
$pastel-turquoise-rgb: 144, 198, 193;
$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);
}