Najbliższy nazwany kolor · #00454B
#00454B
Najbliższy nazwany kolor: Rich Black
#00454B (rgb(0 69 75), hsl(185 100% 15%), oklch(0.356 0.061 204.7)) jest najbliższy nazwanemu kolorowi Rich Black. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#00454B
oklch(0.356 0.061 204.7)
Konwersje koloru
- HEX
- #00454b
- RGB
- rgb(0 69 75)
- HSL
- hsl(185 100% 15%)
- HWB
- hwb(185 0% 71%)
- OKLCH
- oklch(0.356 0.061 204.7)
- OKLab
- oklab(0.356 -0.055 -0.025)
- CIE Lab
- lab(25.84 -18.04 -9.45)
- LCH
- lch(25.84 20.36 207.7)
- CMYK
- cmyk(100% 8% 0% 71%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 23565B
- 3C676C
- 53797D
- 6B8B8F
- 839EA0
- 9BB0B3
- B3C4C5
- CCD7D8
- E5EBEB
Odcienie ciemniejsze
- 003B40
- 003135
- 00272B
- 001E21
- 001517
- 000C0E
- 000506
- 000202
- 000000
Tony
- 164B50
- 255155
- 32575B
- 3E5C60
- 496265
- 54686A
- 5F6E70
- 6A7475
- 757A7B
Harmonie kolorów
Komplementarna +180°
- 00454B
Rich Black
- 582F2C
≈ Bratwurst
Analogowa -30° +30°
- 00454B
Rich Black
- 0D463A
≈ MSU Green
- 164157
≈ Capital Blue
Triada +120° +240°
- 00454B
Rich Black
- 4C314E
≈ Shadow Purple
- 4B3911
≈ Avocado Stone
Komplementarna rozszczepiona +150° +210°
- 00454B
Rich Black
- 552E3E
≈ Fig
- 54331B
≈ Brown Bramble
Tetrada +90° +180° +270°
- 00454B
Rich Black
- 3E3559
≈ Naggaroth Night
- 582F2C
≈ Bratwurst
- 3B4017
≈ Turtle Skin
Kontrast i dostępność
Ag
AAANa bieli
WCAG 10.75:1 · APCA Lc 94
Ag
FailNa czerni
WCAG 1.95:1 · APCA Lc 8
Najlepszy kolor tekstu: #FFFFFF
WCAG 10.75:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmenty kodu
CSS
:root {
--rich-black: #00454b;
--rich-black-rgb: 0 69 75;
--rich-black-oklch: oklch(0.356 0.061 204.7);
}
.element {
color: var(--rich-black);
background-color: hsl(185 100% 15%);
border-color: oklch(0.356 0.061 204.7);
}Tailwind CSS v4
@theme {
--color-rich-black: #00454b;
--color-rich-black-50: #e2fbfe;
--color-rich-black-100: #d2eef2;
--color-rich-black-200: #b7dce1;
--color-rich-black-300: #93c1c7;
--color-rich-black-400: #73a9af;
--color-rich-black-500: #529299;
--color-rich-black-600: #467c81;
--color-rich-black-700: #386368;
--color-rich-black-800: #27494c;
--color-rich-black-900: #1a3234;
--color-rich-black-950: #0a1e20;
}SCSS
$rich-black: #00454b;
$rich-black-rgb: 0, 69, 75;
$rich-black-light: mix(#fff, $rich-black, 20%);
$rich-black-dark: mix(#000, $rich-black, 20%);
.element {
color: $rich-black;
box-shadow: 0 0 0 2px rgba($rich-black, 0.35);
}