Colore con nome · #00889F
Toy Blue
Toy Blue è #00889F: rgb(0 136 159), hsl(189 100% 31%), oklch(0.577 0.102 215.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Toy Blue color name →
#00889F
oklch(0.577 0.102 215.1)
Conversioni di colore
- HEX
- #00889f
- RGB
- rgb(0 136 159)
- HSL
- hsl(189 100% 31%)
- HWB
- hwb(189 0% 38%)
- OKLCH
- oklch(0.577 0.102 215.1)
- OKLab
- oklab(0.577 -0.083 -0.059)
- CIE Lab
- lab(51.56 -25.65 -21.6)
- LCH
- lch(51.56 33.53 220.1)
- CMYK
- cmyk(100% 14% 0% 38%)
Tinte · Ombre · Toni
Tinte
- 3594A8
- 519FB2
- 69ABBC
- 7FB7C5
- 95C3CF
- AACFD8
- C0DBE2
- D5E7EC
- EAF3F5
Ombre
- 00758A
- 006375
- 005261
- 00414D
- 00313B
- 002229
- 001318
- 000609
- 000101
Toni
- 25879C
- 378799
- 448696
- 4F8693
- 598590
- 62848D
- 6A838A
- 728286
- 798183
Armonie di colore
Complementare +180°
- 00889F
Toy Blue
- AD624F
≈ Clay Figure
Analogo -30° +30°
- 00889F
Toy Blue
- 008C81
≈ Porcelain Green
- 407FB2
≈ Steel Blue
Triadico +120° +240°
- 00889F
Toy Blue
- 9E6191
≈ Thimble Red
- 8C7827
≈ Aubergine Green
Complementare divisa +150° +210°
- 00889F
Toy Blue
- AB5E71
≈ Topinambur Root
- A26C31
≈ Eagle
Tetradico +90° +180° +270°
- 00889F
Toy Blue
- 8869AA
≈ Fairy Wren
- AD624F
≈ Clay Figure
- 6B843D
≈ Swamp Moss
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.18:1 · APCA Lc 68
Ag
AASu nero
WCAG 5.02:1 · APCA Lc 33
Miglior colore del testo: #000000
WCAG 5.02:1 (AA) · APCA Lc 33
Contrast pairs
Frammenti di codice
CSS
:root {
--toy-blue: #00889f;
--toy-blue-rgb: 0 136 159;
--toy-blue-oklch: oklch(0.577 0.102 215.1);
}
.element {
color: var(--toy-blue);
background-color: hsl(189 100% 31%);
border-color: oklch(0.577 0.102 215.1);
}Tailwind CSS v4
@theme {
--color-toy-blue: #00889f;
--color-toy-blue-50: #d6fdff;
--color-toy-blue-100: #c3f1fe;
--color-toy-blue-200: #a2e0f1;
--color-toy-blue-300: #78c5da;
--color-toy-blue-400: #4baec4;
--color-toy-blue-500: #0096b0;
--color-toy-blue-600: #027f95;
--color-toy-blue-700: #066677;
--color-toy-blue-800: #014b57;
--color-toy-blue-900: #02343d;
--color-toy-blue-950: #001f27;
}SCSS
$toy-blue: #00889f;
$toy-blue-rgb: 0, 136, 159;
$toy-blue-light: mix(#fff, $toy-blue, 20%);
$toy-blue-dark: mix(#000, $toy-blue, 20%);
.element {
color: $toy-blue;
box-shadow: 0 0 0 2px rgba($toy-blue, 0.35);
}