Colore con nome · #27454A
Mysterious Waters
Mysterious Waters è #27454A: rgb(39 69 74), hsl(189 31% 22%), oklch(0.369 0.037 209.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Mysterious Waters color name →
#27454A
oklch(0.369 0.037 209.2)
Conversioni di colore
- HEX
- #27454a
- RGB
- rgb(39 69 74)
- HSL
- hsl(189 31% 22%)
- HWB
- hwb(189 15% 71%)
- OKLCH
- oklch(0.369 0.037 209.2)
- OKLab
- oklab(0.369 -0.032 -0.018)
- CIE Lab
- lab(27.11 -10.51 -6.75)
- LCH
- lch(27.11 12.49 212.7)
- CMYK
- cmyk(47% 7% 0% 71%)
Tinte · Ombre · Toni
Tinte
- 3B565A
- 4F676B
- 63787C
- 788B8E
- 8D9DA0
- A3B0B2
- B9C3C5
- D0D7D8
- E7EBEB
Ombre
- 203B3F
- 1A3135
- 14272A
- 0E1E20
- 081517
- 040C0E
- 020506
- 010202
- 000000
Toni
- 304B4F
- 395054
- 42565A
- 4B5C5F
- 536264
- 5C686A
- 656E6F
- 6E7475
- 777A7A
Armonie di colore
Complementare +180°
- 27454A
Mysterious Waters
- 513834
≈ Ragtop
Analogo -30° +30°
- 27454A
Mysterious Waters
- 294640
≈ Gable Green
- 2D4251
≈ Reef Resort
Triadico +120° +240°
- 27454A
Mysterious Waters
- 4B3949
≈ Prince
- 473F29
≈ Woodrush
Complementare divisa +150° +210°
- 27454A
Mysterious Waters
- 50373F
≈ Blackcurrant Conserve
- 4E3B2C
≈ Abbot
Tetradico +90° +180° +270°
- 27454A
Mysterious Waters
- 423B50
≈ Plum Island
- 513834
≈ Ragtop
- 3D422C
≈ Mallardish
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.31:1 · APCA Lc 94
Ag
FailSu nero
WCAG 2.03:1 · APCA Lc 9
Miglior colore del testo: #FFFFFF
WCAG 10.31:1 (AAA) · APCA Lc 94
Contrast pairs
Frammenti di codice
CSS
:root {
--mysterious-waters: #27454a;
--mysterious-waters-rgb: 39 69 74;
--mysterious-waters-oklch: oklch(0.369 0.037 209.2);
}
.element {
color: var(--mysterious-waters);
background-color: hsl(189 31% 22%);
border-color: oklch(0.369 0.037 209.2);
}Tailwind CSS v4
@theme {
--color-mysterious-waters: #27454a;
--color-mysterious-waters-50: #eaf8fb;
--color-mysterious-waters-100: #dbebef;
--color-mysterious-waters-200: #c3d9dd;
--color-mysterious-waters-300: #a3bdc2;
--color-mysterious-waters-400: #86a5aa;
--color-mysterious-waters-500: #6a8d93;
--color-mysterious-waters-600: #5a787d;
--color-mysterious-waters-700: #486064;
--color-mysterious-waters-800: #344649;
--color-mysterious-waters-900: #233132;
--color-mysterious-waters-950: #121d1e;
}SCSS
$mysterious-waters: #27454a;
$mysterious-waters-rgb: 39, 69, 74;
$mysterious-waters-light: mix(#fff, $mysterious-waters, 20%);
$mysterious-waters-dark: mix(#000, $mysterious-waters, 20%);
.element {
color: $mysterious-waters;
box-shadow: 0 0 0 2px rgba($mysterious-waters, 0.35);
}