Najbliższy nazwany kolor · #90C6C1
#90C6C1
Najbliższy nazwany kolor: Pastel Turquoise
#90C6C1 (rgb(144 198 193), hsl(174 32% 67%), oklch(0.788 0.057 188.9)) jest najbliższy nazwanemu kolorowi Pastel Turquoise. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#90C6C1
oklch(0.788 0.057 188.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9BCCC7
- A7D1CD
- B2D7D3
- BDDDD9
- C8E2E0
- D3E8E6
- DEEEEC
- E9F4F2
- F4F9F9
Odcienie ciemniejsze
- 7DACA7
- 6A928F
- 577A77
- 45625F
- 344B49
- 243534
- 152120
- 070E0E
- 010202
Tony
- 8FBFBA
- 8EB8B4
- 8CB1AD
- 8BAAA6
- 89A2A0
- 889C99
- 869593
- 848E8D
- 828786
Harmonie kolorów
Komplementarna +180°
- 90C6C1
Pastel Turquoise
- DBABB2
≈ Pale Chestnut
Analogowa -30° +30°
- 90C6C1
Pastel Turquoise
- 9CC5AD
≈ Mini Green
- 91C3D3
≈ Eastern Sky
Triada +120° +240°
- 90C6C1
Pastel Turquoise
- C4B0D6
≈ Moonraker
- D2B493
≈ Baker’s Bread
Komplementarna rozszczepiona +150° +210°
- 90C6C1
Pastel Turquoise
- D3ACC6
≈ Heart to Heart
- DBAE9F
≈ Angel Breath
Tetrada +90° +180° +270°
- 90C6C1
Pastel Turquoise
- B1B7DE
≈ Wild Orchid Blue
- DBABB2
≈ Pale Chestnut
- C3BB91
≈ Candidate
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.90:1 · APCA Lc 36
Ag
AAANa czerni
WCAG 11.03:1 · APCA Lc 66
Najlepszy kolor tekstu: #000000
WCAG 11.03:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmenty kodu
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);
}