Couleur nommée la plus proche · #AAD3BB
#AAD3BB
Couleur nommée la plus proche: Frosted Fir
#AAD3BB (rgb(170 211 187), hsl(145 32% 75%), oklch(0.831 0.055 159.3)) est la plus proche de la couleur nommée Frosted Fir. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#AAD3BB
oklch(0.831 0.055 159.3)
Conversions de couleur
- HEX
- #aad3bb
- RGB
- rgb(170 211 187)
- HSL
- hsl(145 32% 75%)
- HWB
- hwb(145 67% 17%)
- OKLCH
- oklch(0.831 0.055 159.3)
- OKLab
- oklab(0.831 -0.051 0.019)
- CIE Lab
- lab(81.1 -17.58 7.26)
- LCH
- lch(81.1 19.02 157.6)
- CMYK
- cmyk(19% 0% 11% 17%)
Teintes · Ombres · Tons
Teintes
- B3D7C2
- BBDCC8
- C4E0CF
- CCE5D6
- D5E9DD
- DDEDE3
- E5F2EA
- EEF6F1
- F6FBF8
Ombres
- 93B7A2
- 7D9C8A
- 688273
- 53695C
- 3F5146
- 2D3A32
- 1B241F
- 0B100D
- 010202
Tons
- A6CAB5
- A2C2AF
- 9EB9A9
- 9AB1A3
- 95A99D
- 91A097
- 8D9891
- 89908C
- 848886
Harmonies de couleurs
Complémentaire +180°
- AAD3BB
Frosted Fir
- E1BAD3
≈ Eau de Rose
Analogue -30° +30°
- AAD3BB
Frosted Fir
- BCCFAA
≈ Jardin
- 9FD4CF
≈ Touch of Turquoise
Triadique +120° +240°
- AAD3BB
Frosted Fir
- BFC5EB
≈ Canterbury Bells
- E8BCAE
≈ Virgin Peach
Complémentaire divisée +150° +210°
- AAD3BB
Frosted Fir
- D2BEE3
≈ York Plum
- E8BAC0
≈ Peppermint Stick
Tétradique +90° +180° +270°
- AAD3BB
Frosted Fir
- ADCBEA
≈ Baby Bunting
- E1BAD3
≈ Eau de Rose
- DFC2A2
≈ Light Corn Yellow
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.64:1 · APCA Lc 29
Ag
AAASur noir
WCAG 12.74:1 · APCA Lc 74
Meilleure couleur de texte: #000000
WCAG 12.74:1 (AAA) · APCA Lc 74
Contrast pairs
Extraits de code
CSS
:root {
--frosted-fir: #aad3bb;
--frosted-fir-rgb: 170 211 187;
--frosted-fir-oklch: oklch(0.831 0.055 159.3);
}
.element {
color: var(--frosted-fir);
background-color: hsl(145 32% 75%);
border-color: oklch(0.831 0.055 159.3);
}Tailwind CSS v4
@theme {
--color-frosted-fir: #aad3bb;
--color-frosted-fir-50: #e8faf0;
--color-frosted-fir-100: #d9eee2;
--color-frosted-fir-200: #c1dccd;
--color-frosted-fir-300: #a0c1af;
--color-frosted-fir-400: #83a993;
--color-frosted-fir-500: #669279;
--color-frosted-fir-600: #577b67;
--color-frosted-fir-700: #456352;
--color-frosted-fir-800: #32483b;
--color-frosted-fir-900: #223228;
--color-frosted-fir-950: #111e16;
}SCSS
$frosted-fir: #aad3bb;
$frosted-fir-rgb: 170, 211, 187;
$frosted-fir-light: mix(#fff, $frosted-fir, 20%);
$frosted-fir-dark: mix(#000, $frosted-fir, 20%);
.element {
color: $frosted-fir;
box-shadow: 0 0 0 2px rgba($frosted-fir, 0.35);
}