Couleur nommée · #CDCFDB
Floral Note
Floral Note correspond à #CDCFDB : rgb(205 207 219), hsl(231 16% 83%), oklch(0.857 0.017 278.5). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Floral Note color name →
#CDCFDB
oklch(0.857 0.017 278.5)
Conversions de couleur
- HEX
- #cdcfdb
- RGB
- rgb(205 207 219)
- HSL
- hsl(231 16% 83%)
- HWB
- hwb(231 80% 14%)
- OKLCH
- oklch(0.857 0.017 278.5)
- OKLab
- oklab(0.857 0.002 -0.016)
- CIE Lab
- lab(83.24 0.98 -6.21)
- LCH
- lch(83.24 6.29 279)
- CMYK
- cmyk(6% 5% 0% 14%)
Teintes · Ombres · Tons
Teintes
- D2D4DF
- D7D8E2
- DCDDE6
- E1E2E9
- E6E7ED
- EBECF1
- F0F0F4
- F5F5F8
- FAFAFB
Ombres
- B2B4BE
- 9899A2
- 7E7F87
- 66676D
- 4E4F54
- 38383C
- 232326
- 0F1011
- 020202
Tons
- C5C7D2
- BDBFC8
- B5B7BF
- ADAFB6
- A6A7AC
- 9E9FA3
- 96979A
- 8F8F91
- 878889
Harmonies de couleurs
Complémentaire +180°
- CDCFDB
Floral Note
- D2D0C4
≈ Silver Birch
Analogue -30° +30°
- CDCFDB
Floral Note
- C8D1DB
≈ Memory Lane
- D3CDD8
≈ Kundalini Bliss
Triadique +120° +240°
- CDCFDB
Floral Note
- DACCC8
≈ Nut Milk
- C7D3CC
≈ Touch of Spring
Complémentaire divisée +150° +210°
- CDCFDB
Floral Note
- D7CEC5
≈ Swirl
- CCD2C7
≈ Fundy Bay
Tétradique +90° +180° +270°
- CDCFDB
Floral Note
- DACCCE
≈ Shinkansen White
- D2D0C4
≈ Silver Birch
- C4D4D2
≈ Winter Garden
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.55:1 · APCA Lc 25
Ag
AAASur noir
WCAG 13.54:1 · APCA Lc 78
Meilleure couleur de texte: #000000
WCAG 13.54:1 (AAA) · APCA Lc 78
Contrast pairs
Extraits de code
CSS
:root {
--floral-note: #cdcfdb;
--floral-note-rgb: 205 207 219;
--floral-note-oklch: oklch(0.857 0.017 278.5);
}
.element {
color: var(--floral-note);
background-color: hsl(231 16% 83%);
border-color: oklch(0.857 0.017 278.5);
}Tailwind CSS v4
@theme {
--color-floral-note: #cdcfdb;
--color-floral-note-50: #f4f5fa;
--color-floral-note-100: #e7e7ed;
--color-floral-note-200: #d3d4db;
--color-floral-note-300: #b5b7c0;
--color-floral-note-400: #9c9ea8;
--color-floral-note-500: #838591;
--color-floral-note-600: #6f717b;
--color-floral-note-700: #595a62;
--color-floral-note-800: #414248;
--color-floral-note-900: #2d2d32;
--color-floral-note-950: #1a1a1e;
}SCSS
$floral-note: #cdcfdb;
$floral-note-rgb: 205, 207, 219;
$floral-note-light: mix(#fff, $floral-note, 20%);
$floral-note-dark: mix(#000, $floral-note, 20%);
.element {
color: $floral-note;
box-shadow: 0 0 0 2px rgba($floral-note, 0.35);
}