Nazwany kolor · #F5DDE6
Ranunculus White
Ranunculus White to #F5DDE6: rgb(245 221 230), hsl(338 55% 91%), oklch(0.92 0.029 353). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Ranunculus White color name →
#F5DDE6
oklch(0.92 0.029 353)
Konwersje koloru
- HEX
- #f5dde6
- RGB
- rgb(245 221 230)
- HSL
- hsl(338 55% 91%)
- HWB
- hwb(338 87% 4%)
- OKLCH
- oklch(0.92 0.029 353)
- OKLab
- oklab(0.92 0.029 -0.004)
- CIE Lab
- lab(90.3 9.65 -1.25)
- LCH
- lch(90.3 9.73 352.6)
- CMYK
- cmyk(0% 10% 6% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F6E0E8
- F7E4EB
- F8E7ED
- F9EBF0
- FAEEF2
- FBF1F5
- FCF5F7
- FDF8FA
- FEFCFC
Odcienie ciemniejsze
- D5C0C8
- B6A4AB
- 98888E
- 7B6E73
- 5F5559
- 443D40
- 2B2628
- 151113
- 030203
Tony
- E9D3DB
- DDCAD1
- D1C0C6
- C5B7BC
- B9ADB2
- ADA4A7
- A29B9D
- 969293
- 8B898A
Harmonie kolorów
Komplementarna +180°
- F5DDE6
Ranunculus White
- D2EBE2
≈ Icy Glacier
Analogowa -30° +30°
- F5DDE6
Ranunculus White
- EEDEF0
≈ Divine Dove
- F7DDDB
≈ Southern Beauty
Triada +120° +240°
- F5DDE6
Ranunculus White
- E4E7D1
≈ Pale Pistachio
- D2E8F5
≈ Freezing Vapour
Komplementarna rozszczepiona +150° +210°
- F5DDE6
Ranunculus White
- DAEAD8
≈ Little Sprout
- CFEBED
≈ Sprinkled With Dew
Tetrada +90° +180° +270°
- F5DDE6
Ranunculus White
- EEE3CF
≈ Double Scoop
- D2EBE2
≈ Icy Glacier
- DAE5F8
≈ Icicle Veil
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.28:1 · APCA Lc 14
Ag
AAANa czerni
WCAG 16.36:1 · APCA Lc 90
Najlepszy kolor tekstu: #000000
WCAG 16.36:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmenty kodu
CSS
:root {
--ranunculus-white: #f5dde6;
--ranunculus-white-rgb: 245 221 230;
--ranunculus-white-oklch: oklch(0.92 0.029 353);
}
.element {
color: var(--ranunculus-white);
background-color: hsl(338 55% 91%);
border-color: oklch(0.92 0.029 353);
}Tailwind CSS v4
@theme {
--color-ranunculus-white: #f5dde6;
--color-ranunculus-white-50: #fcf2f5;
--color-ranunculus-white-100: #f0e4e8;
--color-ranunculus-white-200: #dfcfd5;
--color-ranunculus-white-300: #c4b2b8;
--color-ranunculus-white-400: #ad98a0;
--color-ranunculus-white-500: #967f88;
--color-ranunculus-white-600: #7f6b73;
--color-ranunculus-white-700: #66565c;
--color-ranunculus-white-800: #4b3e44;
--color-ranunculus-white-900: #342b2f;
--color-ranunculus-white-950: #1f181b;
}SCSS
$ranunculus-white: #f5dde6;
$ranunculus-white-rgb: 245, 221, 230;
$ranunculus-white-light: mix(#fff, $ranunculus-white, 20%);
$ranunculus-white-dark: mix(#000, $ranunculus-white, 20%);
.element {
color: $ranunculus-white;
box-shadow: 0 0 0 2px rgba($ranunculus-white, 0.35);
}