Najbliższy nazwany kolor · #1DCBBA
#1DCBBA
Najbliższy nazwany kolor: Pristine Oceanic
#1DCBBA (rgb(29 203 186), hsl(174 75% 45%), oklch(0.759 0.13 184.1)) jest najbliższy nazwanemu kolorowi Pristine Oceanic. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#1DCBBA
oklch(0.759 0.13 184.1)
Konwersje koloru
- HEX
- #1dcbba
- RGB
- rgb(29 203 186)
- HSL
- hsl(174 75% 45%)
- HWB
- hwb(174 11% 20%)
- OKLCH
- oklch(0.759 0.13 184.1)
- OKLab
- oklab(0.759 -0.13 -0.009)
- CIE Lab
- lab(73.59 -45.24 -3.8)
- LCH
- lch(73.59 45.4 184.8)
- CMYK
- cmyk(86% 0% 8% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 4BD1C1
- 67D6C7
- 7EDBCE
- 93E1D5
- A7E6DC
- B9EBE3
- CBF0EA
- DDF5F1
- EEFAF8
Odcienie ciemniejsze
- 18B0A1
- 139689
- 0E7D72
- 09655C
- 054D46
- 033732
- 01221E
- 000F0D
- 000202
Tony
- 3AC3B4
- 4BBCAE
- 57B5A8
- 60ADA2
- 68A69D
- 6F9E97
- 749791
- 798F8B
- 7D8886
Harmonie kolorów
Komplementarna +180°
- 1DCBBA
Pristine Oceanic
- F58CA7
≈ Unripe Strawberry
Analogowa -30° +30°
- 1DCBBA
Pristine Oceanic
- 66C98A
≈ Van Gogh Green
- 18C5E3
≈ Caribbean Blue
Triada +120° +240°
- 1DCBBA
Pristine Oceanic
- C39BF4
≈ Baby Purple
- EA9E50
≈ Sunflower Field
Komplementarna rozszczepiona +150° +210°
- 1DCBBA
Pristine Oceanic
- E390D3
≈ Love Dust
- F89078
≈ Kissable
Tetrada +90° +180° +270°
- 1DCBBA
Pristine Oceanic
- 98AAFF
≈ Widowmaker
- F58CA7
≈ Unripe Strawberry
- CCAF41
≈ Sugar Leaves
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.03:1 · APCA Lc 39
Ag
AAANa czerni
WCAG 10.30:1 · APCA Lc 63
Najlepszy kolor tekstu: #000000
WCAG 10.30:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmenty kodu
CSS
:root {
--pristine-oceanic: #1dcbba;
--pristine-oceanic-rgb: 29 203 186;
--pristine-oceanic-oklch: oklch(0.759 0.13 184.1);
}
.element {
color: var(--pristine-oceanic);
background-color: hsl(174 75% 45%);
border-color: oklch(0.759 0.13 184.1);
}Tailwind CSS v4
@theme {
--color-pristine-oceanic: #1dcbba;
--color-pristine-oceanic-50: #ccfffb;
--color-pristine-oceanic-100: #b7f7ee;
--color-pristine-oceanic-200: #91e7dc;
--color-pristine-oceanic-300: #5ccdc1;
--color-pristine-oceanic-400: #01b7a7;
--color-pristine-oceanic-500: #00a190;
--color-pristine-oceanic-600: #00887a;
--color-pristine-oceanic-700: #006d61;
--color-pristine-oceanic-800: #005046;
--color-pristine-oceanic-900: #003830;
--color-pristine-oceanic-950: #00221d;
}SCSS
$pristine-oceanic: #1dcbba;
$pristine-oceanic-rgb: 29, 203, 186;
$pristine-oceanic-light: mix(#fff, $pristine-oceanic, 20%);
$pristine-oceanic-dark: mix(#000, $pristine-oceanic, 20%);
.element {
color: $pristine-oceanic;
box-shadow: 0 0 0 2px rgba($pristine-oceanic, 0.35);
}