Nazwany kolor · #00937D
Aqua Waters
Aqua Waters to #00937D: rgb(0 147 125), hsl(171 100% 29%), oklch(0.593 0.11 177.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Aqua Waters color name →
#00937D
oklch(0.593 0.11 177.1)
Konwersje koloru
- HEX
- #00937d
- RGB
- rgb(0 147 125)
- HSL
- hsl(171 100% 29%)
- HWB
- hwb(171 0% 42%)
- OKLCH
- oklch(0.593 0.11 177.1)
- OKLab
- oklab(0.593 -0.11 0.006)
- CIE Lab
- lab(54.2 -38.71 1.81)
- LCH
- lch(54.2 38.75 177.3)
- CMYK
- cmyk(100% 0% 15% 42%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 379E89
- 53A896
- 6BB3A2
- 82BEAF
- 97C9BC
- ACD4C9
- C1DED6
- D6E9E4
- EAF4F1
Odcienie ciemniejsze
- 007F6C
- 006C5B
- 00594B
- 00473B
- 00362C
- 00251E
- 001611
- 000805
- 000101
Tony
- 27917D
- 39907E
- 468E7E
- 518C7E
- 5B8A7F
- 63887F
- 6B867F
- 73847F
- 798280
Harmonie kolorów
Komplementarna +180°
- 00937D
Aqua Waters
- B1617F
≈ Daah-Ling
Analogowa -30° +30°
- 00937D
Aqua Waters
- 4D9056
≈ Ineffable Forest
- 008F9D
≈ Coral Coast
Triada +120° +240°
- 00937D
Aqua Waters
- 856FB7
≈ Purple Hebe
- AF6C36
≈ Tanooki Suit Brown
Komplementarna rozszczepiona +150° +210°
- 00937D
Aqua Waters
- A066A0
≈ Royal Pretender
- B6625A
≈ Electric Brown
Tetrada +90° +180° +270°
- 00937D
Aqua Waters
- 617BC0
≈ Ultramarine Blue
- B1617F
≈ Daah-Ling
- 9A7920
≈ Fernweh
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.83:1 · APCA Lc 65
Ag
AANa czerni
WCAG 5.46:1 · APCA Lc 36
Najlepszy kolor tekstu: #000000
WCAG 5.46:1 (AA) · APCA Lc 36
Contrast pairs
Fragmenty kodu
CSS
:root {
--aqua-waters: #00937d;
--aqua-waters-rgb: 0 147 125;
--aqua-waters-oklch: oklch(0.593 0.11 177.1);
}
.element {
color: var(--aqua-waters);
background-color: hsl(171 100% 29%);
border-color: oklch(0.593 0.11 177.1);
}Tailwind CSS v4
@theme {
--color-aqua-waters: #00937d;
--color-aqua-waters-50: #d4fff6;
--color-aqua-waters-100: #c1f5e9;
--color-aqua-waters-200: #a0e4d5;
--color-aqua-waters-300: #74cab8;
--color-aqua-waters-400: #48b49d;
--color-aqua-waters-500: #009d85;
--color-aqua-waters-600: #008570;
--color-aqua-waters-700: #006b5a;
--color-aqua-waters-800: #004e40;
--color-aqua-waters-900: #02372c;
--color-aqua-waters-950: #002119;
}SCSS
$aqua-waters: #00937d;
$aqua-waters-rgb: 0, 147, 125;
$aqua-waters-light: mix(#fff, $aqua-waters, 20%);
$aqua-waters-dark: mix(#000, $aqua-waters, 20%);
.element {
color: $aqua-waters;
box-shadow: 0 0 0 2px rgba($aqua-waters, 0.35);
}