Colore con nome · #FAD9DD
Bunny’s Nose
Bunny’s Nose è #FAD9DD: rgb(250 217 221), hsl(353 77% 92%), oklch(0.914 0.037 9.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Bunny’s Nose color name →
#FAD9DD
oklch(0.914 0.037 9.6)
Conversioni di colore
- HEX
- #fad9dd
- RGB
- rgb(250 217 221)
- HSL
- hsl(353 77% 92%)
- HWB
- hwb(353 85% 2%)
- OKLCH
- oklch(0.914 0.037 9.6)
- OKLab
- oklab(0.914 0.037 0.006)
- CIE Lab
- lab(89.58 12.29 2.48)
- LCH
- lch(89.58 12.54 11.4)
- CMYK
- cmyk(0% 13% 12% 2%)
Tinte · Ombre · Toni
Tinte
- FBDDE0
- FBE1E4
- FCE4E7
- FCE8EA
- FDECEE
- FDF0F1
- FEF4F5
- FEF7F8
- FFFBFC
Ombre
- D9BCC0
- BAA1A4
- 9B8688
- 7D6C6E
- 615355
- 463B3D
- 2D2526
- 151111
- 030202
Toni
- EDD0D3
- E1C7CA
- D4BDC0
- C8B4B7
- BBACAD
- AFA3A4
- A39A9B
- 979192
- 8C8989
Armonie di colore
Complementare +180°
- FAD9DD
Bunny’s Nose
- C8EBE8
≈ Morning Sky
Analogo -30° +30°
- FAD9DD
Bunny’s Nose
- F4DAEB
≈ Nursery Pink
- FADBD1
≈ Light Carob
Triadico +120° +240°
- FAD9DD
Bunny’s Nose
- DBE8CE
≈ Minty Frosting
- D1E5FB
≈ Weathered Blue
Complementare divisa +150° +210°
- FAD9DD
Bunny’s Nose
- CFEBDA
≈ Hatching Chameleon
- C8E9F4
≈ Frosty Day
Tetradico +90° +180° +270°
- FAD9DD
Bunny’s Nose
- E8E4C8
≈ Dirty White
- C8EBE8
≈ Morning Sky
- DDE1FC
≈ Stoic White
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.30:1 · APCA Lc 15
Ag
AAASu nero
WCAG 16.03:1 · APCA Lc 88
Miglior colore del testo: #000000
WCAG 16.03:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--bunny-s-nose: #fad9dd;
--bunny-s-nose-rgb: 250 217 221;
--bunny-s-nose-oklch: oklch(0.914 0.037 9.6);
}
.element {
color: var(--bunny-s-nose);
background-color: hsl(353 77% 92%);
border-color: oklch(0.914 0.037 9.6);
}Tailwind CSS v4
@theme {
--color-bunny-s-nose: #fad9dd;
--color-bunny-s-nose-50: #fff1f2;
--color-bunny-s-nose-100: #f4e3e5;
--color-bunny-s-nose-200: #e4ced0;
--color-bunny-s-nose-300: #cab0b2;
--color-bunny-s-nose-400: #b39699;
--color-bunny-s-nose-500: #9d7c81;
--color-bunny-s-nose-600: #85696d;
--color-bunny-s-nose-700: #6a5457;
--color-bunny-s-nose-800: #4e3d40;
--color-bunny-s-nose-900: #362a2c;
--color-bunny-s-nose-950: #211819;
}SCSS
$bunny-s-nose: #fad9dd;
$bunny-s-nose-rgb: 250, 217, 221;
$bunny-s-nose-light: mix(#fff, $bunny-s-nose, 20%);
$bunny-s-nose-dark: mix(#000, $bunny-s-nose, 20%);
.element {
color: $bunny-s-nose;
box-shadow: 0 0 0 2px rgba($bunny-s-nose, 0.35);
}