Najbliższy nazwany kolor · #ADCCD4
#ADCCD4
Najbliższy nazwany kolor: Subtle Breeze
#ADCCD4 (rgb(173 204 212), hsl(192 31% 75%), oklch(0.825 0.035 215.1)) jest najbliższy nazwanemu kolorowi Subtle Breeze. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#ADCCD4
oklch(0.825 0.035 215.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B5D1D8
- BDD6DD
- C5DBE1
- CEE0E5
- D6E5E9
- DEEAEE
- E6F0F2
- EEF5F6
- F7FAFB
Odcienie ciemniejsze
- 96B1B8
- 7F979D
- 6A7E83
- 556569
- 414E51
- 2D373A
- 1B2224
- 0B0F10
- 010202
Tony
- A9C4CB
- A4BCC3
- A0B5BA
- 9BADB2
- 97A5A9
- 929EA1
- 8E9698
- 898F90
- 858788
Harmonie kolorów
Komplementarna +180°
- ADCCD4
Subtle Breeze
- DBBEB7
≈ Peach Blush
Analogowa -30° +30°
- ADCCD4
Subtle Breeze
- ADCEC9
≈ Andean Opal Green
- B4C9DB
≈ Big Sur
Triada +120° +240°
- ADCCD4
Subtle Breeze
- D5BECF
≈ Pale Petals
- CCC6AD
≈ Prairie Dusk
Komplementarna rozszczepiona +150° +210°
- ADCCD4
Subtle Breeze
- DBBDC2
≈ Shy Smile
- D6C2AF
≈ Autumn Haze
Tetrada +90° +180° +270°
- ADCCD4
Subtle Breeze
- CBC0D8
≈ Awesome Aura
- DBBEB7
≈ Peach Blush
- C0CAB2
≈ Green Dragon Spring
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.69:1 · APCA Lc 30
Ag
AAANa czerni
WCAG 12.36:1 · APCA Lc 72
Najlepszy kolor tekstu: #000000
WCAG 12.36:1 (AAA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
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);
}