Nazwany kolor · #F7CFB4
Royal Milk Tea
Royal Milk Tea to #F7CFB4: rgb(247 207 180), hsl(24 81% 84%), oklch(0.882 0.058 55.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Royal Milk Tea color name →
#F7CFB4
oklch(0.882 0.058 55.9)
Konwersje koloru
- HEX
- #f7cfb4
- RGB
- rgb(247 207 180)
- HSL
- hsl(24 81% 84%)
- HWB
- hwb(24 71% 3%)
- OKLCH
- oklch(0.882 0.058 55.9)
- OKLab
- oklab(0.882 0.033 0.048)
- CIE Lab
- lab(86.1 11.65 19)
- LCH
- lch(86.1 22.29 58.5)
- CMYK
- cmyk(0% 16% 27% 3%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F8D4BB
- F9D9C3
- FADDCA
- FBE2D2
- FCE7D9
- FCECE1
- FDF1E8
- FEF5F0
- FEFAF7
Odcienie ciemniejsze
- D7B49C
- B79985
- 997F6E
- 7C6758
- 604F44
- 453830
- 2C231D
- 15100C
- 030202
Tony
- EBC7AF
- DEBFAA
- D2B7A4
- C6AF9F
- BAA79A
- AE9F95
- A39790
- 978F8A
- 8B8885
Harmonie kolorów
Komplementarna +180°
- F7CFB4
Royal Milk Tea
- B4DFFA
≈ Arctic Paradise
Analogowa -30° +30°
- F7CFB4
Royal Milk Tea
- FCCAC4
≈ Caro
- E9D6AD
≈ Sandbank
Triada +120° +240°
- F7CFB4
Royal Milk Tea
- B0E5D6
≈ Ice Cube
- DBD1FB
≈ Pale Lavender
Komplementarna rozszczepiona +150° +210°
- F7CFB4
Royal Milk Tea
- ACE4EB
≈ Uranus
- C6D8FF
≈ Pale Phthalo Blue
Tetrada +90° +180° +270°
- F7CFB4
Royal Milk Tea
- C1E3C2
≈ Sugar Mint
- B4DFFA
≈ Arctic Paradise
- EDCBED
≈ Bubblegum Crisis
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.44:1 · APCA Lc 21
Ag
AAANa czerni
WCAG 14.53:1 · APCA Lc 82
Najlepszy kolor tekstu: #000000
WCAG 14.53:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--royal-milk-tea: #f7cfb4;
--royal-milk-tea-rgb: 247 207 180;
--royal-milk-tea-oklch: oklch(0.882 0.058 55.9);
}
.element {
color: var(--royal-milk-tea);
background-color: hsl(24 81% 84%);
border-color: oklch(0.882 0.058 55.9);
}Tailwind CSS v4
@theme {
--color-royal-milk-tea: #f7cfb4;
--color-royal-milk-tea-50: #fff2e5;
--color-royal-milk-tea-100: #f8e4d5;
--color-royal-milk-tea-200: #e8cfbd;
--color-royal-milk-tea-300: #cfb19b;
--color-royal-milk-tea-400: #ba967e;
--color-royal-milk-tea-500: #a47c61;
--color-royal-milk-tea-600: #8b6952;
--color-royal-milk-tea-700: #6f5442;
--color-royal-milk-tea-800: #533d2f;
--color-royal-milk-tea-900: #3a2a20;
--color-royal-milk-tea-950: #241710;
}SCSS
$royal-milk-tea: #f7cfb4;
$royal-milk-tea-rgb: 247, 207, 180;
$royal-milk-tea-light: mix(#fff, $royal-milk-tea, 20%);
$royal-milk-tea-dark: mix(#000, $royal-milk-tea, 20%);
.element {
color: $royal-milk-tea;
box-shadow: 0 0 0 2px rgba($royal-milk-tea, 0.35);
}