Màu có tên · #FFDDB5
Tunisian Stone
Tunisian Stone là #FFDDB5: rgb(255 221 181), hsl(32 100% 85%), oklch(0.916 0.064 71.4). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Orange mean? → · Tunisian Stone color name →
#FFDDB5
oklch(0.916 0.064 71.4)
Chuyển đổi màu
- HEX
- #ffddb5
- RGB
- rgb(255 221 181)
- HSL
- hsl(32 100% 85%)
- HWB
- hwb(32 71% 0%)
- OKLCH
- oklch(0.916 0.064 71.4)
- OKLab
- oklab(0.916 0.021 0.061)
- CIE Lab
- lab(90.27 7.95 24.29)
- LCH
- lch(90.27 25.55 71.9)
- CMYK
- cmyk(0% 13% 29% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FFE0BD
- FFE4C4
- FFE7CB
- FFEBD3
- FFEEDA
- FFF2E2
- FFF5E9
- FFF8F0
- FFFCF8
Sắc đậm
- DEC09D
- BEA486
- 9E886F
- 806E59
- 635544
- 483D30
- 2E261D
- 16110C
- 030202
Sắc xám
- F2D3B0
- E5CAAB
- D7C0A5
- CBB7A0
- BEAE9B
- B1A495
- A59B90
- 98928B
- 8C8985
Hòa sắc
Bổ túc +180°
- FFDDB5
Tunisian Stone
- D0E6FF
≈ Veiling Waterfalls
Tương đồng -30° +30°
- FFDDB5
Tunisian Stone
- FFDACD
≈ Glazed Sugar
- ECE5B4
≈ September Morn
Bộ ba +120° +240°
- FFDDB5
Tunisian Stone
- B2F2EE
≈ Pale King’s Blue
- F0D9FF
≈ Lavender Savour
Bổ túc chia +150° +210°
- FFDDB5
Tunisian Stone
- BAEDFF
≈ Ice Effect
- DEE1FF
≈ Stoic White
Bộ bốn +90° +180° +270°
- FFDDB5
Tunisian Stone
- BEF1D6
≈ Mystery Mint
- D0E6FF
≈ Veiling Waterfalls
- FFD5EE
≈ Sweet Sachet
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.29:1 · APCA Lc 14
Ag
AAATrên nền đen
WCAG 16.26:1 · APCA Lc 89
Màu chữ tốt nhất: #000000
WCAG 16.26:1 (AAA) · APCA Lc 89
Contrast pairs
Đoạn mã
CSS
:root {
--tunisian-stone: #ffddb5;
--tunisian-stone-rgb: 255 221 181;
--tunisian-stone-oklch: oklch(0.916 0.064 71.4);
}
.element {
color: var(--tunisian-stone);
background-color: hsl(32 100% 85%);
border-color: oklch(0.916 0.064 71.4);
}Tailwind CSS v4
@theme {
--color-tunisian-stone: #ffddb5;
--color-tunisian-stone-50: #fff3e1;
--color-tunisian-stone-100: #f5e5d1;
--color-tunisian-stone-200: #e5d1b7;
--color-tunisian-stone-300: #ccb394;
--color-tunisian-stone-400: #b79975;
--color-tunisian-stone-500: #a17f56;
--color-tunisian-stone-600: #886c49;
--color-tunisian-stone-700: #6d563a;
--color-tunisian-stone-800: #513e2a;
--color-tunisian-stone-900: #382b1c;
--color-tunisian-stone-950: #23180c;
}SCSS
$tunisian-stone: #ffddb5;
$tunisian-stone-rgb: 255, 221, 181;
$tunisian-stone-light: mix(#fff, $tunisian-stone, 20%);
$tunisian-stone-dark: mix(#000, $tunisian-stone, 20%);
.element {
color: $tunisian-stone;
box-shadow: 0 0 0 2px rgba($tunisian-stone, 0.35);
}