Cor nomeada mais próxima · #00262E
#00262E
Cor nomeada mais próxima: Black Box
#00262E (rgb(0 38 46), hsl(190 100% 9%), oklch(0.247 0.044 215.2)) é mais próxima da cor nomeada Black Box. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#00262E
oklch(0.247 0.044 215.2)
Conversões de cor
- HEX
- #00262e
- RGB
- rgb(0 38 46)
- HSL
- hsl(190 100% 9%)
- HWB
- hwb(190 0% 82%)
- OKLCH
- oklch(0.247 0.044 215.2)
- OKLab
- oklab(0.247 -0.036 -0.025)
- CIE Lab
- lab(12.95 -10.99 -9.27)
- LCH
- lch(12.95 14.38 220.2)
- CMYK
- cmyk(100% 17% 0% 82%)
Tons claros · Sombras · Tons
Tons claros
- 193940
- 314C53
- 486067
- 60757B
- 798B90
- 92A1A5
- ADB8BB
- C8CFD1
- E3E7E8
Sombras
- 002027
- 00191F
- 001318
- 000D12
- 00080B
- 000406
- 000202
- 000101
- 000000
Tons
- 0E2E36
- 1C373D
- 284045
- 35484D
- 415156
- 4D5A5E
- 5A6466
- 666D6F
- 737677
Harmonias de cor
Complementar +180°
- 00262E
Black Box
- 331912
≈ Darkroom
Análoga -30° +30°
- 00262E
Black Box
- 002824
≈ Deep Slate Green
- 0D2334
≈ Fog of War
Tríade +120° +240°
- 00262E
Black Box
- 2E1929
≈ Black Cherry
- 272105
≈ Liquorice Root
Complementar dividida +150° +210°
- 00262E
Black Box
- 32181E
≈ Tamarind
- 2F1C08
≈ Powdered Cocoa
Tétrade +90° +180° +270°
- 00262E
Black Box
- 261B32
≈ Black Howl
- 331912
≈ Darkroom
- 1C250C
≈ Midnight Pines
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 15.94:1 · APCA Lc 103
Ag
FailSobre preto
WCAG 1.31:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 15.94:1 (AAA) · APCA Lc 103
Contrast pairs
Trechos de código
CSS
:root {
--black-box: #00262e;
--black-box-rgb: 0 38 46;
--black-box-oklch: oklch(0.247 0.044 215.2);
}
.element {
color: var(--black-box);
background-color: hsl(190 100% 9%);
border-color: oklch(0.247 0.044 215.2);
}Tailwind CSS v4
@theme {
--color-black-box: #00262e;
--color-black-box-50: #e8f9fd;
--color-black-box-100: #d9ecf2;
--color-black-box-200: #c0d9e1;
--color-black-box-300: #9fbdc6;
--color-black-box-400: #82a5af;
--color-black-box-500: #658e98;
--color-black-box-600: #557881;
--color-black-box-700: #446067;
--color-black-box-800: #31474b;
--color-black-box-900: #213134;
--color-black-box-950: #101d20;
}SCSS
$black-box: #00262e;
$black-box-rgb: 0, 38, 46;
$black-box-light: mix(#fff, $black-box, 20%);
$black-box-dark: mix(#000, $black-box, 20%);
.element {
color: $black-box;
box-shadow: 0 0 0 2px rgba($black-box, 0.35);
}