Cor nomeada mais próxima · #005263
#005263
Cor nomeada mais próxima: Plunge
#005263 (rgb(0 82 99), hsl(190 100% 19%), oklch(0.405 0.073 218)) é mais próxima da cor nomeada Plunge. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#005263
oklch(0.405 0.073 218)
Conversões de cor
- HEX
- #005263
- RGB
- rgb(0 82 99)
- HSL
- hsl(190 100% 19%)
- HWB
- hwb(190 0% 61%)
- OKLCH
- oklch(0.405 0.073 218)
- OKLab
- oklab(0.405 -0.057 -0.045)
- CIE Lab
- lab(31.36 -17.25 -16.42)
- LCH
- lch(31.36 23.82 223.6)
- CMYK
- cmyk(100% 17% 0% 61%)
Tons claros · Sombras · Tons
Tons claros
- 276272
- 407280
- 588390
- 6F949F
- 87A5AE
- 9EB7BE
- B6C8CE
- CEDADE
- E6EDEE
Sombras
- 004655
- 003B47
- 002F3A
- 00252E
- 001A21
- 001116
- 00080B
- 000203
- 000000
Tons
- 195766
- 295B69
- 36606C
- 41656F
- 4C6972
- 576E75
- 617278
- 6C777A
- 767B7D
Harmonias de cor
Complementar +180°
- 005263
Plunge
- 6A3A2B
≈ In Caffeine We Trust
Análoga -30° +30°
- 005263
Plunge
- 005550
≈ Cape Verde
- 264C6E
≈ Blue Tang
Tríade +120° +240°
- 005263
Plunge
- 623957
≈ Precious Jewels
- 544913
≈ Sugarloaf Brown
Complementar dividida +150° +210°
- 005263
Plunge
- 6A3741
≈ Chestnut Red
- 634118
≈ Pullman Brown
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 8.79:1 · APCA Lc 90
Ag
FailSobre preto
WCAG 2.38:1 · APCA Lc 13
Melhor cor de texto: #FFFFFF
WCAG 8.79:1 (AAA) · APCA Lc 90
Contrast pairs
Trechos de código
CSS
:root {
--plunge: #005263;
--plunge-rgb: 0 82 99;
--plunge-oklch: oklch(0.405 0.073 218);
}
.element {
color: var(--plunge);
background-color: hsl(190 100% 19%);
border-color: oklch(0.405 0.073 218);
}Tailwind CSS v4
@theme {
--color-plunge: #005263;
--color-plunge-50: #dffbff;
--color-plunge-100: #ceeef9;
--color-plunge-200: #b3dcea;
--color-plunge-300: #8ec1d1;
--color-plunge-400: #6ba9bb;
--color-plunge-500: #4792a6;
--color-plunge-600: #3d7b8c;
--color-plunge-700: #316371;
--color-plunge-800: #214952;
--color-plunge-900: #163239;
--color-plunge-950: #071e24;
}SCSS
$plunge: #005263;
$plunge-rgb: 0, 82, 99;
$plunge-light: mix(#fff, $plunge, 20%);
$plunge-dark: mix(#000, $plunge, 20%);
.element {
color: $plunge;
box-shadow: 0 0 0 2px rgba($plunge, 0.35);
}