Couleur nommée la plus proche · #AECCDB
#AECCDB
Couleur nommée la plus proche: Pale Whale
#AECCDB (rgb(174 204 219), hsl(200 38% 77%), oklch(0.828 0.038 229.5)) est la plus proche de la couleur nommée Pale Whale. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#AECCDB
oklch(0.828 0.038 229.5)
Conversions de couleur
- HEX
- #aeccdb
- RGB
- rgb(174 204 219)
- HSL
- hsl(200 38% 77%)
- HWB
- hwb(200 68% 14%)
- OKLCH
- oklch(0.828 0.038 229.5)
- OKLab
- oklab(0.828 -0.025 -0.029)
- CIE Lab
- lab(80.18 -7.98 -11.01)
- LCH
- lch(80.18 13.6 234.1)
- CMYK
- cmyk(21% 7% 0% 14%)
Teintes · Ombres · Tons
Teintes
- B6D1DF
- BED6E2
- C6DBE6
- CEE0E9
- D6E5ED
- DEEAF1
- E7F0F4
- EFF5F8
- F7FAFB
Ombres
- 97B1BE
- 8097A2
- 6A7E87
- 55656D
- 414E54
- 2E373C
- 1C2226
- 0B0F11
- 010202
Tons
- A9C4D2
- A5BCC8
- A0B5BF
- 9CADB6
- 97A5AC
- 929EA3
- 8E969A
- 898F92
- 858789
Harmonies de couleurs
Complémentaire +180°
- AECCDB
Pale Whale
- DCC0B1
≈ Marshmallow Cocoa
Analogue -30° +30°
- AECCDB
Pale Whale
- AACFD0
≈ Blue Angora
- B8C8E0
≈ Penna
Triadique +120° +240°
- AECCDB
Pale Whale
- DBBDCA
≈ Fragrant Orchid
- C8C9AD
≈ Desert Hot Springs
Complémentaire divisée +150° +210°
- AECCDB
Pale Whale
- DFBDBD
≈ Fizzing Whizbees
- D4C4AB
≈ Khaki Shade
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.68:1 · APCA Lc 30
Ag
AAASur noir
WCAG 12.45:1 · APCA Lc 73
Meilleure couleur de texte: #000000
WCAG 12.45:1 (AAA) · APCA Lc 73
Contrast pairs
Extraits de code
CSS
:root {
--pale-whale: #aeccdb;
--pale-whale-rgb: 174 204 219;
--pale-whale-oklch: oklch(0.828 0.038 229.5);
}
.element {
color: var(--pale-whale);
background-color: hsl(200 38% 77%);
border-color: oklch(0.828 0.038 229.5);
}Tailwind CSS v4
@theme {
--color-pale-whale: #aeccdb;
--color-pale-whale-50: #ebf7fe;
--color-pale-whale-100: #dcebf3;
--color-pale-whale-200: #c5d8e2;
--color-pale-whale-300: #a4bbc8;
--color-pale-whale-400: #88a3b1;
--color-pale-whale-500: #6c8b9b;
--color-pale-whale-600: #5c7683;
--color-pale-whale-700: #495e69;
--color-pale-whale-800: #35454d;
--color-pale-whale-900: #243035;
--color-pale-whale-950: #131c21;
}SCSS
$pale-whale: #aeccdb;
$pale-whale-rgb: 174, 204, 219;
$pale-whale-light: mix(#fff, $pale-whale, 20%);
$pale-whale-dark: mix(#000, $pale-whale, 20%);
.element {
color: $pale-whale;
box-shadow: 0 0 0 2px rgba($pale-whale, 0.35);
}