Cor nomeada mais próxima · #ADCCD4
#ADCCD4
Cor nomeada mais próxima: Subtle Breeze
#ADCCD4 (rgb(173 204 212), hsl(192 31% 75%), oklch(0.825 0.035 215.1)) é mais próxima da cor nomeada Subtle Breeze. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#ADCCD4
oklch(0.825 0.035 215.1)
Conversões de cor
- HEX
- #adccd4
- RGB
- rgb(173 204 212)
- HSL
- hsl(192 31% 75%)
- HWB
- hwb(192 68% 17%)
- OKLCH
- oklch(0.825 0.035 215.1)
- OKLab
- oklab(0.825 -0.029 -0.02)
- CIE Lab
- lab(79.94 -9.46 -7.65)
- LCH
- lch(79.94 12.16 219)
- CMYK
- cmyk(18% 4% 0% 17%)
Tons claros · Sombras · Tons
Tons claros
- B5D1D8
- BDD6DD
- C5DBE1
- CEE0E5
- D6E5E9
- DEEAEE
- E6F0F2
- EEF5F6
- F7FAFB
Sombras
- 96B1B8
- 7F979D
- 6A7E83
- 556569
- 414E51
- 2D373A
- 1B2224
- 0B0F10
- 010202
Tons
- A9C4CB
- A4BCC3
- A0B5BA
- 9BADB2
- 97A5A9
- 929EA1
- 8E9698
- 898F90
- 858788
Harmonias de cor
Complementar +180°
- ADCCD4
Subtle Breeze
- DBBEB7
≈ Peach Blush
Análoga -30° +30°
- ADCCD4
Subtle Breeze
- ADCEC9
≈ Andean Opal Green
- B4C9DB
≈ Big Sur
Tríade +120° +240°
- ADCCD4
Subtle Breeze
- D5BECF
≈ Pale Petals
- CCC6AD
≈ Prairie Dusk
Complementar dividida +150° +210°
- ADCCD4
Subtle Breeze
- DBBDC2
≈ Shy Smile
- D6C2AF
≈ Autumn Haze
Tétrade +90° +180° +270°
- ADCCD4
Subtle Breeze
- CBC0D8
≈ Awesome Aura
- DBBEB7
≈ Peach Blush
- C0CAB2
≈ Green Dragon Spring
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.69:1 · APCA Lc 30
Ag
AAASobre preto
WCAG 12.36:1 · APCA Lc 72
Melhor cor de texto: #000000
WCAG 12.36:1 (AAA) · APCA Lc 72
Contrast pairs
Trechos de código
CSS
:root {
--subtle-breeze: #adccd4;
--subtle-breeze-rgb: 173 204 212;
--subtle-breeze-oklch: oklch(0.825 0.035 215.1);
}
.element {
color: var(--subtle-breeze);
background-color: hsl(192 31% 75%);
border-color: oklch(0.825 0.035 215.1);
}Tailwind CSS v4
@theme {
--color-subtle-breeze: #adccd4;
--color-subtle-breeze-50: #ebf8fc;
--color-subtle-breeze-100: #dcebf0;
--color-subtle-breeze-200: #c4d8de;
--color-subtle-breeze-300: #a4bcc3;
--color-subtle-breeze-400: #88a4ab;
--color-subtle-breeze-500: #6c8c95;
--color-subtle-breeze-600: #5c777e;
--color-subtle-breeze-700: #495f65;
--color-subtle-breeze-800: #35464a;
--color-subtle-breeze-900: #243033;
--color-subtle-breeze-950: #131c1f;
}SCSS
$subtle-breeze: #adccd4;
$subtle-breeze-rgb: 173, 204, 212;
$subtle-breeze-light: mix(#fff, $subtle-breeze, 20%);
$subtle-breeze-dark: mix(#000, $subtle-breeze, 20%);
.element {
color: $subtle-breeze;
box-shadow: 0 0 0 2px rgba($subtle-breeze, 0.35);
}