Colore con nome · #00008B
Yves Klein Blue
Yves Klein Blue è #00008B: rgb(0 0 139), hsl(240 100% 27%), oklch(0.288 0.199 264.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Yves Klein Blue color name →
#00008B
oklch(0.288 0.199 264.1)
Conversioni di colore
- HEX
- #00008b
- RGB
- rgb(0 0 139)
- HSL
- hsl(240 100% 27%)
- HWB
- hwb(240 0% 45%)
- OKLCH
- oklch(0.288 0.199 264.1)
- OKLab
- oklab(0.288 -0.021 -0.198)
- CIE Lab
- lab(13.02 43.48 -71.34)
- LCH
- lch(13.02 83.54 301.4)
- CMYK
- cmyk(100% 100% 0% 45%)
Tinte · Ombre · Toni
Tinte
- 072C99
- 2047A6
- 3A5FB2
- 5476BF
- 6E8CCA
- 8AA3D6
- A6BAE1
- C3D1EB
- E1E8F5
Ombre
- 000078
- 000066
- 000054
- 000043
- 000032
- 000023
- 000014
- 000007
- 000001
Toni
- 011E8B
- 0C2E8C
- 1A3B8C
- 29478B
- 37518A
- 455B89
- 546588
- 626E86
- 717783
Armonie di colore
Complementare +180°
- 00008B
Yves Klein Blue
- 382800
≈ Secret Passage
Analogo -30° +30°
- 00008B
Yves Klein Blue
- 002F44
≈ Cosmos Blue
- 34006F
≈ Galactic Federation
Triadico +120° +240°
- 00008B
Yves Klein Blue
- 57000A
≈ Saving Light
- 003605
≈ Dark Green
Complementare divisa +150° +210°
- 00008B
Yves Klein Blue
- 451F00
≈ Blackened Brown
- 2B2E00
≈ Blind Forest
Tetradico +90° +180° +270°
- 00008B
Yves Klein Blue
- 52002F
≈ Fig Balsamic
- 382800
≈ Secret Passage
- 003329
≈ Fence Green
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 15.29:1 · APCA Lc 100
Ag
FailSu nero
WCAG 1.37:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 15.29:1 (AAA) · APCA Lc 100
Contrast pairs
Frammenti di codice
CSS
:root {
--yves-klein-blue: #00008b;
--yves-klein-blue-rgb: 0 0 139;
--yves-klein-blue-oklch: oklch(0.288 0.199 264.1);
}
.element {
color: var(--yves-klein-blue);
background-color: hsl(240 100% 27%);
border-color: oklch(0.288 0.199 264.1);
}Tailwind CSS v4
@theme {
--color-yves-klein-blue: #00008b;
--color-yves-klein-blue-50: #daf5ff;
--color-yves-klein-blue-100: #c9e7ff;
--color-yves-klein-blue-200: #acd2ff;
--color-yves-klein-blue-300: #87b3ff;
--color-yves-klein-blue-400: #6097ff;
--color-yves-klein-blue-500: #3f7aff;
--color-yves-klein-blue-600: #3667de;
--color-yves-klein-blue-700: #2b53b3;
--color-yves-klein-blue-800: #183d86;
--color-yves-klein-blue-900: #0f2a5f;
--color-yves-klein-blue-950: #031741;
}SCSS
$yves-klein-blue: #00008b;
$yves-klein-blue-rgb: 0, 0, 139;
$yves-klein-blue-light: mix(#fff, $yves-klein-blue, 20%);
$yves-klein-blue-dark: mix(#000, $yves-klein-blue, 20%);
.element {
color: $yves-klein-blue;
box-shadow: 0 0 0 2px rgba($yves-klein-blue, 0.35);
}